:root{--bg-page:#080b11;--bg-surface:#0d121d;--bg-card:#131927;--bg-card-hover:#182032;--bg-input:#0a0e17;--border-subtle:hsla(0,0%,100%,.07);--border-medium:hsla(0,0%,100%,.14);--border-focused:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:rgba(99,102,241,.12);--primary-glow:0 0 24px rgba(99,102,241,.35);--success:#10b981;--success-bg:rgba(16,185,129,.12);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 12px 32px rgba(0,0,0,.6);--header-height:64px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.skeleton-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:var(--radius-sm)}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s,transform .2s}.glass-card:hover{border-color:var(--border-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-md);transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3),var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.btn-outline{border:1px solid var(--border-medium);color:var(--text-primary)}.btn-outline:hover{background:hsla(0,0%,100%,.05)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:rgba(239,68,68,.2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.25)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid rgba(99,102,241,.25)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.code-box{background:#05080e;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;color:#38bdf8;display:flex;align-items:center;justify-content:space-between;gap:12px}.code-box-action{color:var(--text-secondary);font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.06);transition:all .15s}.code-box-action:hover{color:var(--text-primary);background:hsla(0,0%,100%,.12)}