.modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:#252525;border-radius:12px;width:100%;max-width:500px;padding:2rem;box-shadow:0 8px 32px #00000080}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:#fff;font-size:1.5rem}.close-btn{color:#b9bbbe;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-description{color:#b9bbbe;margin:1rem 0 1.5rem}.input-label{color:#b9bbbe;font-size:.875rem;font-weight:600}.input-field{color:#fff;background:#40444b;border:1px solid #202225;border-radius:8px;width:100%;margin-top:.4rem;padding:.75rem}.input-field:focus{border-color:#7289da}.input-help{color:#72767d;font-size:.75rem}.error-box{color:#ed4245;background:#ed42451a;border:1px solid #ed4245;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.9rem}.button-row{gap:.75rem;margin-top:1rem;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:8px;flex:1;padding:.75rem;font-size:1rem;font-weight:600}.cancel-btn{color:#fff;background:#4f545c;border:none}.submit-btn{color:#fff;background:#7289da;border:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}
.card{color:#fff;background:#1e1e1e;border-radius:12px;padding:1.5rem}.card-title{margin-bottom:.5rem;font-size:1.4rem}.card-description{color:#b9bbbe;margin-bottom:1rem}.loading-container{text-align:center;padding:2rem}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-card{background:#1e1e1e;border-radius:12px;padding:1.5rem}.profile-header{align-items:center;gap:1rem;display:flex}.profile-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.profile-name{font-size:1.25rem}.profile-tag{color:#b9bbbe;font-size:.9rem}.profile-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.stat-box{text-align:center;background:#0003;border-radius:8px;padding:.75rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:#b9bbbe;font-size:.75rem}.edit-button{cursor:pointer;color:#fff;background:#fff3;border:1px solid #fff;border-radius:8px;width:100%;margin-top:1rem;padding:.75rem;transition:all .2s}.edit-button:hover{background:#ffffff4d}.profile-placeholder{text-align:center;cursor:pointer;background:#ffffff4d;border-radius:12px;padding:2rem}