@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--ink:#14120f;--ink-2:#3a342c;--ink-3:#514a40;--muted:#6c6458;--muted-2:#a8a097;--muted-3:#cdc6ba;--line:#ececea;--line-2:#f4f3f0;--line-3:#e2dfd8;--bg:#fff;--bg-panel:#fbfaf7;--bg-subtle:#f6f4f0;--bg-code:#f8f6f2;--orange:#ff5b1f;--orange-soft:#fff4ec;--orange-ink:#c24518;--violet:#8a76b8;--violet-soft:#f2edf8;--violet-ink:#6a5594;--blue:#3866a6;--blue-soft:#eef3fa;--blue-ink:#2d5488;--green:#1a7c4b;--green-soft:#eaf4ee;--green-ink:#166440;--red:#b53b1c;--red-soft:#fdebe4;--warn:#c97a10;--li:#0a66c2;--li-soft:#e7f0f9;--success:var(--green);--info:var(--blue);--warning:var(--warn);--error:var(--red);--ai:var(--violet);--attention:var(--orange);--serif:"Instrument Serif",Georgia,serif;--sans:"Inter","Helvetica Neue",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--motion-ease:cubic-bezier(.4,0,.2,1);--motion-fast:.12s var(--motion-ease);--motion-base:.2s var(--motion-ease);--motion-slow:.35s var(--motion-ease);--s0:none;--s1:0 1px 2px #0e0d0c0a;--s2:0 4px 14px -6px #0e0d0c14;--s3:0 12px 32px -10px #0e0d0c33;--skel:linear-gradient(90deg,#ececea 0%,#f7f5f1 50%,#ececea 100%);--skel-bg-size:200% 100%;--text:var(--ink-2);--text-muted:var(--muted);--white:var(--bg);--dark:var(--ink);--card-border:var(--line);--sidebar-width:240px;--sidebar-bg:var(--bg-panel);--input-bg:var(--bg);--hover-bg:var(--bg-subtle);--divider:var(--line);--shadow-sm:var(--s1);--shadow-md:var(--s2);--shadow-lg:var(--s3);--btn-green:var(--green);--btn-green-dark:var(--green-ink);--green-light:var(--green-soft);--green-bg:var(--green-soft);--green-dark:var(--green-ink);--blue-dark:var(--blue-ink);--blue-light:var(--blue-soft);--grey:var(--muted);--grey-dark:var(--muted-2);--grey-light:var(--line);--font-sans:var(--sans);--font-heading:var(--sans);--font-serif:var(--serif);--font-accent:var(--serif);--skel-strong:var(--line-3);--skel-card:var(--bg-subtle);--bg-cream:var(--bg);--bg-cream-dark:var(--bg-subtle)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--sans);background:var(--bg);color:var(--ink-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans)}.text-muted{color:var(--text-muted)}.text-green{color:var(--btn-green)}.text-serif{font-family:var(--font-serif)}.card{background:var(--white);border:1px solid var(--card-border);border-radius:16px;padding:24px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--btn-green);color:#fff}.btn-primary:hover{background:var(--btn-green-dark);box-shadow:0 4px 12px #5fa88340}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{box-shadow:0 4px 12px #14120f33}.btn-outline{border:1px solid var(--card-border);color:var(--text);background:0 0}.btn-outline:hover{background:#00000005}.input{border:1px solid var(--card-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--btn-green)}.input::placeholder{color:var(--text-muted)}.badge{border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--btn-green);background:#5fa8831a}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.stat-number{font-family:var(--font-accent);letter-spacing:-.5px;font-size:32px;font-weight:400}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--grey-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grey)}@media (max-width:768px){:root{--sidebar-width:0px}}