:root,[data-theme=light]{--bg-gradient-1:#eef2ff;--bg-gradient-2:#f5f7ff;--bg-gradient-3:#e0e7ff;--glass-bg:#ffffffa6;--glass-border:#ffffff59;--glass-shadow:0 8px 32px #0000000d;--glass-blur:18px;--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--violet-400:#a78bfa;--violet-500:#8b5cf6;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f11a;--accent-bg:#6366f11a;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--surface:#fff;--surface-hover:#f8f9fb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--success-bg:#d1fae5;--success-soft:#10b9811a;--warning-bg:#fde68a;--warning-soft:#f59e0b1a;--danger-bg:#fee2e2;--danger-soft:#ef44441a;--muted-soft:#94a3b81a;--border:#00000014;--input-bg:#fffc;--header-bg:#ffffffbf;--sidebar-bg:#0f172af7;--sidebar-border:#ffffff0f;--mesh-orb-1:radial-gradient(circle,#818cf8,transparent);--mesh-orb-2:radial-gradient(circle,#a78bfa,transparent);--mesh-orb-3:radial-gradient(circle,#c7d2fe,transparent);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--scrollbar-thumb:#6366f166;--scrollbar-thumb-hover:#6366f199;--scrollbar-track:transparent;--overlay-bg:#0006}[data-theme=dark]{--bg-gradient-1:#0b0e17;--bg-gradient-2:#070a12;--bg-gradient-3:#0f1320;--glass-bg:#121621c7;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px #00000040;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#6366f126;--accent-bg:#6366f126;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--surface:#0a0d16;--surface-hover:#111422;--text-primary:#f1f3f7;--text-secondary:#94a0b8;--text-muted:#5c677d;--danger:#f28b82;--success:#06d6a0;--warning:#fdd663;--muted-soft:#94a3b81a;--border:#ffffff0f;--input-bg:#ffffff0a;--header-bg:#0a0d16d9;--sidebar-bg:#0a0d16fa;--sidebar-border:#ffffff0a;--mesh-orb-1:radial-gradient(circle,#4f46e5,transparent);--mesh-orb-2:radial-gradient(circle,#6366f1,transparent);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--overlay-bg:#00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-3));color:var(--text-primary);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .4s,color .3s}.mesh-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-bg .orb{filter:blur(90px);opacity:.25;border-radius:50%;transition:opacity .8s;position:absolute}.mesh-bg .orb-1{background:var(--mesh-orb-1);width:600px;height:600px;animation:90s ease-in-out infinite alternate orb-drift-1;top:-10%;left:-10%}.mesh-bg .orb-2{background:var(--mesh-orb-2);width:500px;height:500px;animation:110s ease-in-out infinite alternate orb-drift-2;bottom:-10%;right:-10%}.mesh-bg .orb-3{background:var(--mesh-orb-3);width:400px;height:400px;animation:130s ease-in-out infinite alternate orb-drift-3;top:50%;left:50%}[data-theme=dark] .mesh-bg .orb-1,[data-theme=dark] .mesh-bg .orb-2{opacity:.12}@keyframes orb-drift-1{0%{transform:translate(0)}25%{transform:translate(80vw,20vh)}50%{transform:translate(60vw,60vh)}75%{transform:translate(20vw,80vh)}to{transform:translate(90vw,40vh)}}@keyframes orb-drift-2{0%{transform:translate(0)}33%{transform:translate(-60vw,-40vh)}66%{transform:translate(-30vw,-70vh)}to{transform:translate(-80vw,-20vh)}}@keyframes orb-drift-3{0%{transform:translate(0)}50%{transform:translate(-40vw,50vh)}to{transform:translate(40vw,-40vh)}}@media (prefers-reduced-motion:reduce){.mesh-bg .orb{animation:none!important}}.layout{flex-direction:column;min-height:100vh;display:flex}.content-area{flex:1;margin-top:56px;margin-left:64px;display:flex}.main-section{flex-direction:column;flex:1;display:flex}.main-content{background:0 0;flex:1;padding:1rem 1.5rem;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.scrollable::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a,button,input,select,textarea{transition:all .2s}@media (min-width:768px) and (max-width:1024px){.content-area{margin-left:64px}}@media (max-width:767px){.content-area{margin-top:56px;margin-left:0}.main-content{padding:1rem}}.state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.state-loading{color:var(--text-muted);font-size:14px}.state-error-text{color:var(--danger);margin-bottom:12px;font-size:14px}.state-error-btn{cursor:pointer;background:var(--accent);color:var(--surface);border-radius:var(--radius-sm);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.state-error-btn:hover{background:var(--accent-hover)}.state-empty{color:var(--text-muted)}.state-empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.state-empty-desc{color:var(--text-muted);font-size:14px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}