@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}input,select,textarea{font-family:inherit;box-sizing:border-box}a{color:inherit}:root{--brand:#f59e0b;--brand-hover:#d97706;--brand-muted:rgba(245,158,11,.12);--brand-border:rgba(245,158,11,.25);--success:#10b981;--danger:#ef4444;--info:#3b82f6;--warning:#f59e0b;--bg-base:#0c0c0f;--bg-surface:#141418;--bg-elevated:#1a1a20;--bg-overlay:#22222a;--bg-input:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14);--border-focus:rgba(245,158,11,.5);--text-primary:#f0f0f4;--text-secondary:#9898a8;--text-muted:#64646e;--text-inverse:#0c0c0f;--sidebar-bg:#0f0f13;--sidebar-border:hsla(0,0%,100%,.07);--shadow-sm:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-xl:0 16px 64px rgba(0,0,0,.6);--scrollbar-thumb:hsla(0,0%,100%,.08);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px}[data-theme=light]{--bg-base:#f4f4f7;--bg-surface:#fff;--bg-elevated:#f8f8fb;--bg-overlay:#ededf2;--bg-input:rgba(0,0,0,.04);--border:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.14);--border-focus:rgba(245,158,11,.6);--text-primary:#12121a;--text-secondary:#56566a;--text-muted:#9090a0;--text-inverse:#fff;--sidebar-bg:#fff;--sidebar-border:rgba(0,0,0,.08);--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 40px rgba(0,0,0,.12);--shadow-xl:0 16px 64px rgba(0,0,0,.14);--scrollbar-thumb:rgba(0,0,0,.15)}html{color-scheme:dark;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light]{color-scheme:light}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*,:after,:before{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}a,button,input,select,textarea{transition:none}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .15s ease,box-shadow .15s ease}a,button{transition:background-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.input-base{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none}.input-base:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-muted)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;background:var(--brand);color:var(--text-inverse)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .2s ease forwards}.animate-slide-in{animation:slideIn .2s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}