:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--bg-card:#16161f;--bg-card-hover:#1e1e2a;--bg-input:#0f0f17;--bg-overlay:rgba(10,10,15,.85);--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-tertiary:#6b6b82;--text-disabled:#3d3d50;--border-primary:#2a2a3a;--border-secondary:#1e1e2e;--border-focus:#6366f1;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-primary-dim:rgba(99,102,241,.15);--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#06b6d4;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.15);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--nav-height:64px;--sidebar-width:260px;--content-max-width:1280px}[data-theme=light]{--bg-primary:#f8f8fc;--bg-secondary:#fff;--bg-tertiary:#f0f0f6;--bg-card:#fff;--bg-card-hover:#f5f5fa;--bg-input:#f0f0f6;--bg-overlay:rgba(248,248,252,.9);--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-tertiary:#8888a0;--text-disabled:#c0c0d0;--border-primary:#e0e0ea;--border-secondary:#eeeef4;--border-focus:#6366f1;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(99,102,241,.1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.mono,code,pre{font-family:Space Grotesk,JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.bg-card{background-color:var(--bg-card)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--accent-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--accent-primary-dim);color:var(--accent-primary)}.btn-danger{background-color:var(--accent-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.5}.badge-success{background-color:rgba(16,185,129,.15);color:var(--accent-success)}.badge-warning{background-color:rgba(245,158,11,.15);color:var(--accent-warning)}.badge-danger{background-color:rgba(239,68,68,.15);color:var(--accent-danger)}.badge-info{background-color:rgba(6,182,212,.15);color:var(--accent-info)}.badge-default{background-color:var(--accent-primary-dim);color:var(--accent-primary)}.input{width:100%;padding:10px 14px;background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-dim)}.input::placeholder{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in{animation:slideInRight .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.hide-desktop{display:none!important}}