:root{--bg-root: #0f0f15;--bg-card: rgba(22,22,30,.7);--bg-card-hover: rgba(22,22,30,.9);--bg-input: rgba(15,15,21,.8);--bg-modal: #1a1a24;--bg-sidebar: #0f0f15;--bg-header: rgba(15,15,21,.8);--bg-tab-active: #16161e;--brand: #7c3aed;--brand-light: #a78bfa;--brand-gradient: linear-gradient(135deg, #7c3aed, #6366f1);--brand-accent: linear-gradient(180deg, #7c3aed, #6366f1);--btn-primary-bg: #7c3aed;--btn-primary-hover: #8b5cf6;--btn-radius: 8px;--btn-padding: 8px 18px;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--danger: #ef4444;--danger-light: #fca5a5;--info: #38bdf8;--text-primary: #f1f5f9;--text-body: #cbd5e1;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--border-default-color: rgba(255,255,255,.06);--border-hover-color: rgba(255,255,255,.08);--border-default: 1px solid var(--border-default-color);--border-card: 1px solid var(--border-default-color);--border-hover: 1px solid var(--border-hover-color);--border-active: 1px solid rgba(255,255,255,.1);--border-focus-color: rgba(124,58,237,.3);--border-focus: 1px solid var(--border-focus-color);--border-brand: 1px solid rgba(124,58,237,.15);--border-brand-light: 1px solid rgba(124,58,237,.2);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-4xl: 20px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px;--text-4xl: 22px;--text-5xl: 24px;--text-6xl: 32px;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--shadow-xl: 0 8px 48px rgba(0,0,0,.5);--shadow-brand: 0 2px 8px rgba(124,58,237,.2);--shadow-brand-lg: 0 4px 16px rgba(124,58,237,.3);--shadow-focus: 0 0 0 3px rgba(124,58,237,.08);--blur-card: blur(20px) saturate(120%);--blur-modal: blur(8px);--blur-header: blur(12px);--ease-out: cubic-bezier(.4,0,.2,1);--transition-fast: all .15s var(--ease-out);--transition: all .2s var(--ease-out);--transition-slow: all .3s var(--ease-out)}body{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E"),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),var(--bg-root);background-size:64px 64px,100% 32px,32px 100%,auto;color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b84d}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.15) transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}button,a,[role=button],.btn-primary,.btn-ghost,.btn-tiny,.btn-danger,.btn-sm,.btn-row,.nav-link,.tab,.clickable,[onclick],.cursor-pointer{cursor:pointer}button:disabled,.btn-primary:disabled{cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--btn-padding);background:var(--btn-primary-bg);color:#fff;border:none;border-radius:var(--btn-radius);font-size:13px;font-weight:500;letter-spacing:.2px;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #0000004d;transition:background .18s,box-shadow .18s,transform .18s;text-decoration:none}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:inset 0 1px #ffffff26,0 2px 8px #7c3aed40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 1px 3px #0000004d}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--btn-padding);background:transparent;color:var(--text-body);border:1px solid rgba(255,255,255,.08);border-radius:var(--btn-radius);font-size:13px;font-weight:500;letter-spacing:.2px;transition:border-color .18s,color .18s,background .18s;text-decoration:none}.btn-ghost:hover{border-color:#ffffff26;color:var(--text-primary);background:#ffffff05}.btn-tiny{padding:3px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;transition:color .15s,border-color .15s,background .15s}.btn-tiny:hover{color:var(--text-primary);border-color:#ffffff1f;background:#ffffff0a}.btn-danger{padding:var(--btn-padding);background:transparent;color:var(--danger-light);border:1px solid rgba(239,68,68,.2);border-radius:var(--btn-radius);font-size:13px;font-weight:500;transition:all .18s}.btn-danger:hover{background:#ef444414;border-color:#ef444459}
