.user-form{display:flex;flex-direction:column;gap:1.5rem}.user-form .form-field{display:flex;flex-direction:column;gap:.5rem}.user-form .form-field label{font-weight:500;color:var(--text-secondary)}.user-form .required{color:var(--error)}.user-form .form-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem}.user-form .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.settings-page{padding:0 0 3rem;max-width:1180px;margin:0 auto}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:2rem}.settings-kicker{margin:0 0 .5rem;color:var(--color-accent-soft);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.settings-header h1{margin:0;font-size:2rem;font-weight:600;letter-spacing:normal}.settings-status{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:var(--radius-full);background:#10b98114;border:1px solid rgba(16,185,129,.22);color:#b7f3d9;font-size:.875rem;font-weight:600}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px #10b9812e}.loading,.error,.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.error{color:#f7b7b0}.section-card{background:#090d11b8;border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff05,0 24px 48px #02060c47;border-radius:1.25rem}.profile-section,.users-section{margin-bottom:2.5rem}.profile-card{padding:1.5rem}.profile-overview{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem}.profile-avatar{width:3.25rem;height:3.25rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#10b98140,#34d3991a);border:1px solid rgba(52,211,153,.35);color:var(--color-text);font-size:1.25rem;font-weight:800;box-shadow:var(--shadow-glow)}.profile-summary{flex:1;min-width:0}.profile-label{margin:0 0 .2rem;color:var(--color-text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.profile-summary h2{margin:0;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700}.profile-list{display:flex;flex-direction:column;gap:.75rem}.profile-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.profile-row__label{color:var(--color-text-muted);font-size:.92rem;font-weight:600}.profile-row__value{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;min-width:0}.profile-row__value span{color:var(--color-text)}.profile-row__value--with-action{justify-content:space-between}.password-block{display:flex;flex-direction:column;gap:.25rem;min-width:0}.password-masked{letter-spacing:.18em;font-weight:700}.password-meta{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.role-badge{display:inline-flex;align-items:center;justify-content:center;min-width:8.5rem;padding:.5rem .8rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.01em}.role-moderator{background:#3b82f626;color:#a8d0ff;border:1px solid rgba(96,165,250,.28)}.role-administrator{background:#a855f724;color:#e4c1ff;border:1px solid rgba(192,132,252,.28)}.role-creator{background:#fbbf2424;color:#f9d98b;border:1px solid rgba(251,191,36,.24)}.users-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.users-header h2{margin:0;font-size:clamp(1.5rem,2vw,2rem);font-weight:700}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-state{border-radius:1.25rem;background:#090d11b8;border:1px solid var(--color-border)}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-error{padding:.75rem .9rem;background:#ef444414;border:1px solid rgba(239,68,68,.26);border-radius:.8rem;color:#f5a9a1;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}@media (max-width: 900px){.profile-row{grid-template-columns:1fr;gap:.5rem}.profile-row__value--with-action{justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 768px){.settings-page{padding:0 0 2rem}.settings-header,.users-header,.profile-overview{flex-direction:column;align-items:flex-start}.profile-overview{gap:1.25rem}.settings-header{gap:1rem;margin-bottom:1.5rem}.settings-header h1{font-size:1.5rem}.settings-status{align-self:stretch;justify-content:center}.profile-card{padding:1rem}.profile-row{grid-template-columns:1fr;gap:.65rem;padding:.9rem}.profile-row__value--with-action{width:100%;align-items:flex-start;justify-content:space-between}.password-block{min-width:0}.users-header{align-items:stretch;flex-direction:column}.users-header .btn{width:100%}}@media (max-width: 420px){.settings-page{padding-inline:.75rem}.settings-status{font-size:.8rem}.profile-row__value--with-action{align-items:stretch;flex-direction:column}.profile-row__value--with-action .btn{align-self:flex-start}}:root{--color-accent: #10b981;--color-accent-soft: #34d399;--color-background: #07090b;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .07);--color-border: rgba(255, 255, 255, .09);--color-text: #eef4f2;--color-text-muted: #93a19c;--color-text-soft: #65736e;--color-danger: #ef4444;--color-danger-hover: #dc2626;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--font-display: "Unbounded", system-ui, sans-serif;--font-sans: "Manrope", system-ui, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 0 30px rgba(16, 185, 129, .14);--z-base: 1;--z-sidebar: 100;--z-modal: 1000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;overflow-y:overlay}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}input,textarea{font-family:inherit;font-size:inherit}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent);color:#04110c}