: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);--color-surface-base:#0d0d0f;--color-surface-card:#141417;--color-surface-raised:#1a1a1e;--color-surface-hover:#222226;--color-surface-overlay:#2a2a2e;--color-bg-base:#0d0d0f;--color-bg-card:#141417;--color-bg-raised:#1a1a1e;--color-bg-hover:#222226;--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-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 4px 20px rgba(244,63,124,.25);--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:"Chivo",system-ui,sans-serif;--font-display:"Viga","Chivo",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}.card-glass{background:hsla(0,0%,100%,.02);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-coral);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-glow-coral)}.btn-primary:hover{background:var(--color-coral-dark);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:hsla(0,0%,100%,.05);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)}