:root{--color-coral:#f43f7c;--color-coral-light:#f76b9a;--color-coral-dark:#d62e63;--color-coral-10:rgba(244,63,124,.1);--color-coral-20:rgba(244,63,124,.2);--color-coral-30:rgba(244,63,124,.3);--color-coral-50:rgba(244,63,124,.5);--color-admin:#3b82f6;--color-admin-light:#60a5fa;--color-admin-dark:#2563eb;--color-admin-10:rgba(59,130,246,.1);--color-admin-20:rgba(59,130,246,.2);--color-admin-30:rgba(59,130,246,.3);--color-admin-50:rgba(59,130,246,.5);--color-purple:#8b5cf6;--color-purple-light:#a78bfa;--color-purple-10:rgba(139,92,246,.1);--color-purple-20:rgba(139,92,246,.2);--color-purple-30:rgba(139,92,246,.3);--color-purple-50:rgba(139,92,246,.5);--color-gold:#d4a853;--color-gold-light:#e5c07b;--color-gold-10:rgba(212,168,83,.1);--color-gold-20:rgba(212,168,83,.2);--color-gold-30:rgba(212,168,83,.3);--color-gold-50:rgba(212,168,83,.5);--color-success:#34d399;--color-success-light:#6ee7b7;--color-success-10:rgba(52,211,153,.1);--color-success-20:rgba(52,211,153,.2);--color-success-30:rgba(52,211,153,.3);--color-success-50:rgba(52,211,153,.5);--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-10:rgba(251,191,36,.1);--color-warning-20:rgba(251,191,36,.2);--color-warning-30:rgba(251,191,36,.3);--color-warning-50:rgba(251,191,36,.5);--color-error:#ef4444;--color-error-light:#f87171;--color-error-10:rgba(239,68,68,.1);--color-error-20:rgba(239,68,68,.2);--color-error-30:rgba(239,68,68,.3);--color-error-50:rgba(239,68,68,.5);--color-info:#38bdf8;--color-info-light:#7dd3fc;--color-info-10:rgba(56,189,248,.1);--color-info-20:rgba(56,189,248,.2);--color-info-30:rgba(56,189,248,.3);--color-info-50:rgba(56,189,248,.5);--color-role-admin:#3b82f6;--color-role-admin-20:rgba(59,130,246,.2);--color-role-artist:#a855f7;--color-role-artist-20:rgba(168,85,247,.2);--color-role-user:#64748b;--color-role-user-20:rgba(100,116,139,.2);--color-role-vip:#d4a853;--color-role-vip-20:rgba(212,168,83,.2);--surface-base:197 204 214;--surface-card:220 225 232;--surface-raised:239 242 246;--surface-hover:207 214 224;--surface-overlay:177 187 200;--color-surface-base:rgb(var(--surface-base));--color-surface-card:rgb(var(--surface-card));--color-surface-raised:rgb(var(--surface-raised));--color-surface-hover:rgb(var(--surface-hover));--color-surface-overlay:rgb(var(--surface-overlay));--color-bg-base:var(--color-surface-base);--color-bg-card:var(--color-surface-card);--color-bg-raised:var(--color-surface-raised);--color-bg-hover:var(--color-surface-hover);--color-text-primary:#090b0e;--color-text-secondary:#444a54;--color-text-tertiary:#5c6470;--color-text-muted:#6d7480;--color-text-inverse:#fff;--color-border-default:rgba(74,86,103,.24);--color-border-subtle:rgba(74,86,103,.16);--color-border-emphasis:rgba(74,86,103,.34);--color-border-strong:rgba(74,86,103,.44);--color-border-hover:rgba(74,86,103,.38);--color-border-focus:rgba(9,11,14,.4);--shadow-xs:0 1px 2px rgba(48,58,73,.12);--shadow-sm:0 3px 8px rgba(48,58,73,.15);--shadow-md:0 8px 22px rgba(48,58,73,.18);--shadow-lg:0 15px 36px rgba(48,58,73,.21);--shadow-xl:0 28px 64px rgba(48,58,73,.24);--shadow-card:inset 0 1px 0 hsla(0,0%,100%,.78),inset 0 -1px 0 rgba(74,86,103,.1),0 12px 30px rgba(48,58,73,.16);--shadow-card-hover:inset 0 1px 0 hsla(0,0%,100%,.88),inset 0 -1px 0 rgba(74,86,103,.12),0 18px 40px rgba(48,58,73,.22);--shadow-focus:0 0 0 2px var(--color-surface-base),0 0 0 4px var(--color-border-focus);--shadow-glow-coral:0 0 20px rgba(244,63,124,.3);--shadow-glow-admin:0 0 20px rgba(59,130,246,.3);--shadow-glow-primary:0 8px 24px rgba(9,11,14,.16);--color-primary-action:#060708;--color-primary-action-hover:#17191c;--color-primary-action-foreground:#fff;--color-glass-surface:rgba(245,247,250,.34);--color-glass-strong-surface:rgba(245,247,250,.52);--color-ghost-hover:rgba(245,247,250,.42);--silver-depth-alpha:0.22;--silver-border-alpha:0.34;--silver-cool-alpha:0.62;--silver-pearl-alpha:0.52;--shadow-glow-success:0 0 20px rgba(52,211,153,.2);--shadow-glow-warning:0 0 20px rgba(251,191,36,.2);--shadow-glow-error:0 0 20px rgba(239,68,68,.2);--shadow-glow-info:0 0 20px rgba(56,189,248,.2);--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:"Roboto Condensed","Arial Narrow",system-ui,sans-serif;--font-display:"Roboto Condensed","Arial Narrow",system-ui,sans-serif;--font-mono:"Google Sans Code",monospace;--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--transition-slow:300ms ease-out;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600}.dark{--surface-base:13 13 15;--surface-card:20 20 23;--surface-raised:26 26 30;--surface-hover:34 34 38;--surface-overlay:42 42 46;--color-text-primary:#fafafa;--color-text-secondary:hsla(0,0%,98%,.7);--color-text-tertiary:hsla(0,0%,98%,.5);--color-text-muted:hsla(0,0%,98%,.35);--color-text-inverse:#0d0d0f;--color-border-default:hsla(0,0%,100%,.06);--color-border-subtle:hsla(0,0%,100%,.04);--color-border-emphasis:hsla(0,0%,100%,.12);--color-border-strong:hsla(0,0%,100%,.2);--color-border-hover:hsla(0,0%,100%,.12);--color-border-focus:rgba(244,63,124,.4);--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 2px 4px rgba(0,0,0,.15);--shadow-md:0 4px 12px rgba(0,0,0,.2);--shadow-lg:0 8px 24px rgba(0,0,0,.25);--shadow-xl:0 16px 48px rgba(0,0,0,.3);--shadow-card:0 1px 2px rgba(0,0,0,.15);--shadow-card-hover:0 4px 16px rgba(0,0,0,.2);--shadow-glow-primary:0 4px 20px rgba(244,63,124,.25);--color-primary-action:var(--color-coral);--color-primary-action-hover:var(--color-coral-dark);--color-primary-action-foreground:#fff;--color-glass-surface:hsla(0,0%,100%,.02);--color-glass-strong-surface:hsla(0,0%,100%,.04);--color-ghost-hover:hsla(0,0%,100%,.05)}.card-glass{background:var(--color-glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-glass,.card-surface{border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.card-surface{background:var(--color-surface-card);transition:border-color var(--transition-base),background-color var(--transition-base)}.card-surface:hover{border-color:var(--color-border-hover);background:var(--color-surface-raised)}.btn-primary{background:var(--color-primary-action);color:var(--color-primary-action-foreground);border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{background:var(--color-primary-action-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-admin{background:var(--color-admin);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-glow-admin)}.btn-admin:hover{background:var(--color-admin-dark);transform:translateY(-1px)}.btn-admin:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base)}.btn-ghost:hover{background:var(--color-ghost-hover);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.02em}.badge-coral{background:var(--color-coral-20);color:var(--color-coral-light);border:1px solid var(--color-coral-30)}.badge-admin{background:var(--color-admin-20);color:var(--color-admin-light);border:1px solid var(--color-admin-30)}.badge-purple{background:var(--color-purple-20);color:var(--color-purple-light);border:1px solid var(--color-purple-30)}.badge-gold{background:var(--color-gold-20);color:var(--color-gold-light);border:1px solid var(--color-gold-30)}.badge-success{background:var(--color-success-20);color:var(--color-success);border:1px solid var(--color-success-30)}.badge-warning{background:var(--color-warning-20);color:var(--color-warning);border:1px solid var(--color-warning-30)}.badge-error{background:var(--color-error-20);color:var(--color-error);border:1px solid var(--color-error-30)}.badge-info{background:var(--color-info-20);color:var(--color-info);border:1px solid var(--color-info-30)}.badge-role-admin{background:var(--color-role-admin);color:#fff}.badge-role-artist{background:var(--color-role-artist);color:#fff}.badge-role-user{background:var(--color-role-user-20);color:var(--color-role-user);border:1px solid rgba(100,116,139,.3)}.badge-role-vip{background:var(--color-gold);color:var(--color-surface-base)}.badge-primary{background:var(--color-coral-20);color:var(--color-coral-light)}.badge-secondary{background:var(--color-purple-20);color:var(--color-purple-light)}.text-gradient-primary{color:var(--color-coral-light)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.divider{height:1px;background:var(--color-border-default)}