#settings-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:120px 0 60px;box-sizing:border-box}.settings-wrapper{width:100%;display:flex;justify-content:center}.settings-container{width:90%;max-width:1000px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:40px}body.dark-mode .settings-card{background:#1e293b;border-color:#334155}.settings-header{margin-bottom:40px;border-bottom:1px solid #f1f5f9;padding-bottom:20px}body.dark-mode .settings-header{border-bottom-color:#334155}.settings-header h1{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:8px}body.dark-mode .settings-header h1{color:#f8fafc}.settings-header p{color:#64748b;font-size:1rem}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.avatar-panel{flex-direction:row!important;justify-content:center;gap:20px}}.avatar-panel{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-container{width:140px;height:140px;border-radius:50%;padding:5px;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.avatar-inner{width:100%;height:100%;background:#fff;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}body.dark-mode .avatar-inner{background:#1e293b}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s ease;gap:4px}.avatar-inner:hover .avatar-edit-overlay{opacity:1}.border-info{display:flex;flex-direction:column;align-items:center;gap:4px}.border-info .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700}.border-info .value{font-size:.9rem;font-weight:700}.form-panel{display:flex;flex-direction:column}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:.85rem;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .input-group label{color:#94a3b8}.input-wrapper,.static-input{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;transition:all .2s ease}body.dark-mode .input-wrapper,body.dark-mode .static-input{background:#0f172a;border-color:#334155;color:#f8fafc}.input-wrapper:focus-within{border-color:var(--light-primary);box-shadow:0 0 0 4px #4cc7221a;background:#fff}body.dark-mode .input-wrapper:focus-within{background:#0f172a}.input-wrapper svg,.static-input svg{color:#64748b;flex-shrink:0}.input-wrapper input{border:none;background:transparent;font-size:1rem;font-weight:500;width:100%;color:inherit;font-family:inherit}.input-wrapper input:focus{outline:none}.static-input{opacity:.7;cursor:not-allowed;background:#f8fafc}.input-hint{font-size:.75rem;color:#94a3b8;margin-top:6px;display:block}.status-banner{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;margin-bottom:30px;font-size:.95rem;font-weight:500}.status-banner.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}body.dark-mode .status-banner.success{background:#16653433;color:#4ade80;border-color:#4ade8033}.status-banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}body.dark-mode .status-banner.error{background:#991b1b33;color:#f87171;border-color:#f8717133}.form-actions{margin-top:10px;display:flex;justify-content:flex-end}.btn{padding:12px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--light-primary, #4cc722);color:#fff}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.skeleton{background:#e2e8f0;position:relative;overflow:hidden;border-radius:4px}body.dark-mode .skeleton{background:#334155}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-wave 1.5s infinite}body.dark-mode .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:1.2rem;width:100%;margin-bottom:8px}.skeleton-avatar{width:140px;height:140px;border-radius:50%}.skeleton-input{height:48px;border-radius:12px}.skeleton-h1{height:2.2rem;width:250px;margin-bottom:12px}.skeleton-p{height:1rem;width:320px}