@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--c-ink:#1b1f24;--c-ink-soft:#5a626d;--c-ink-faint:#66707c;--c-paper:#f5f6f8;--c-surface:#fff;--c-surface-2:#eef0f3;--c-rule:#e3e6ea;--c-rule-firm:#c9ced5;--c-accent:#2f5d8a;--c-accent-soft:#e6eef6;--c-accent-ink:#fff;--c-ok:#2e6b4f;--c-ok-soft:#e3f0ea;--c-warn:#8a5a12;--c-warn-soft:#f6eedc;--c-bad:#993535;--c-bad-soft:#f7e6e6;--c-focus:#2f5d8a;--font-ui:"Public Sans", -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-normal:1.5;--leading-loose:1.6;--tracking-tight:-.01em;--tracking-label:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-float:0 1px 2px #1b1f240d, 0 14px 30px -20px #1b1f244d;--motion-fast:.12s;--motion-base:.18s;--motion-ease:cubic-bezier(.2,.7,.2,1);--booth-min-body:24px;--booth-min-action:32px;--booth-min-target:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--c-ink:#e8ebef;--c-ink-soft:#a6aeb8;--c-ink-faint:#8a93a0;--c-paper:#0f1114;--c-surface:#171a1e;--c-surface-2:#1f2328;--c-rule:#262b31;--c-rule-firm:#353b43;--c-accent:#7fa6d0;--c-accent-soft:#1b2a3a;--c-accent-ink:#0f1114;--c-ok:#6fb58f;--c-ok-soft:#15281f;--c-warn:#d2a25a;--c-warn-soft:#2c2412;--c-bad:#d98080;--c-bad-soft:#2f1717;--c-focus:#7fa6d0;--shadow-float:0 1px 2px #0006, 0 14px 30px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root{--cf-bg:var(--c-paper);--cf-surface:var(--c-surface);--cf-surface-solid:var(--c-surface);--cf-bg-surface:var(--c-surface-2);--cf-text:var(--c-ink);--cf-text-muted:var(--c-ink-soft);--cf-border:var(--c-rule);--cf-accent:var(--c-accent);--cf-accent-bg:var(--c-accent-soft);--cf-link:var(--c-accent);--cf-primary:var(--c-accent);--cf-success-bg:var(--c-ok-soft);--cf-success-text:var(--c-ok);--cf-warning-bg:var(--c-warn-soft);--cf-warning-text:var(--c-warn);--cf-warning:var(--c-bad);--cf-table-head:var(--c-surface);--cf-hover:var(--c-surface-2);--shadow-sm:none;--shadow-md:var(--shadow-float);--shadow-lg:var(--shadow-float);--shadow-xl:var(--shadow-float);--glass-blur:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--c-paper);color:var(--c-ink);height:100vh;font-size:var(--text-md);font-family:var(--font-ui);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;overflow:hidden}code,kbd,pre,.mono{font-family:var(--font-mono)}.num,td.num,.money{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}button,input,select,textarea{font-family:inherit}.top-nav{background-color:var(--c-surface);border-bottom:1px solid var(--c-rule);z-index:100;align-items:center;gap:32px;height:56px;padding:0 24px;display:flex;position:relative}.brand{color:var(--c-ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.nav-links{flex:1;gap:24px;display:flex}.nav-link{color:var(--c-ink-soft);cursor:pointer;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.nav-link.active,.nav-link:hover{color:var(--c-ink)}.top-actions{align-items:center;gap:16px;display:flex}.theme-toggle{background:var(--c-surface);border:1px solid var(--c-rule-firm);color:var(--c-ink);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.theme-toggle:hover{background:var(--c-surface-2)}.user-profile{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:12px;padding:4px 8px;display:flex}.user-profile:hover{background:var(--c-surface-2)}.avatar{object-fit:cover;border:1px solid var(--c-rule);border-radius:50%;width:32px;height:32px}.layout{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--c-surface);border-right:1px solid var(--c-rule);z-index:5;flex-direction:column;gap:24px;width:240px;padding:24px 0;display:flex;overflow-y:auto}.side-group{flex-direction:column;gap:2px;padding:0 10px;display:flex}.side-title{color:var(--c-ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:6px;padding:0 14px;font-size:11px;font-weight:600}.side-item{color:var(--c-ink-soft);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);align-items:center;gap:12px;padding:8px 14px;font-weight:500;display:flex;position:relative}.side-item i{font-size:16px}.side-item:hover{background-color:var(--c-surface-2);color:var(--c-ink)}.side-item.active{background-color:var(--c-accent-soft);color:var(--c-ink);font-weight:600}.side-item.active svg{color:var(--c-accent)}.main{background:var(--c-paper);flex:1;padding:0 48px;overflow-y:auto}.content-wrapper{flex-direction:column;gap:32px;width:100%;margin:0 auto;padding:32px 0;display:flex}.header{justify-content:space-between;align-items:flex-end;display:flex}.header h1{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:600;line-height:var(--leading-tight);text-wrap:balance;margin-bottom:4px}.header p{color:var(--c-ink-soft);font-size:15px}.btn-primary{background-color:var(--c-accent);color:var(--c-accent-ink);border-radius:var(--radius-md);border:1px solid var(--c-accent);font-size:var(--text-md);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:flex}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background-color:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-rule-firm);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex}.btn-secondary:hover{background:var(--c-surface-2)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--c-surface);border:1px solid var(--c-rule);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px 22px;display:flex;position:relative}.stat-card-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-card-icon{border-radius:var(--radius-sm);background:var(--c-accent-soft);width:36px;height:36px;color:var(--c-accent);justify-content:center;align-items:center;display:flex}.stat-card-title{color:var(--c-ink-soft);font-size:var(--text-sm);font-weight:500}.stat-card-value{font-size:var(--text-3xl);color:var(--c-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.table-container{background:var(--c-surface);border:1px solid var(--c-rule);border-radius:var(--radius-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--c-rule);background:var(--c-surface);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.search-box{border:1px solid var(--c-rule-firm);border-radius:var(--radius-sm);background:var(--c-surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.search-box input{color:var(--c-ink);font-size:var(--text-sm);background:0 0;border:none;outline:none;width:100%}.data-table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--c-rule);vertical-align:middle;padding:12px 20px}th{background:var(--c-surface);color:var(--c-ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-label);border-bottom-color:var(--c-rule-firm);font-size:11px;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--c-surface-2)}.project-cell{align-items:center;gap:16px;display:flex}.project-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--c-rule);width:48px;height:48px}.project-info{flex-direction:column;gap:4px;display:flex}.project-name{color:var(--c-ink);font-weight:600;font-size:var(--text-md);cursor:pointer}.project-name:hover{color:var(--c-accent);text-decoration:underline}.project-id{color:var(--c-ink-faint);font-size:11px;font-family:var(--font-mono)}.badge{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{background:var(--c-ok-soft);color:var(--c-ok)}.badge.warning{background:var(--c-warn-soft);color:var(--c-warn)}.badge.error{background:var(--c-bad-soft);color:var(--c-bad)}.badge.neutral{background:var(--c-surface-2);color:var(--c-ink-soft)}.badge.info{background:var(--c-accent-soft);color:var(--c-accent)}.row{align-items:center;gap:var(--space-3);display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.end{justify-content:flex-end}.start{align-items:flex-start}.grow{flex:1;min-width:0}.none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-auto{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.measure{max-width:68ch}.muted{color:var(--c-ink-soft)}.faint{color:var(--c-ink-faint)}.ink{color:var(--c-ink)}.accent{color:var(--c-accent)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.lg{font-size:var(--text-lg)}.strong{font-weight:600}.medium{font-weight:500}.right{text-align:right}.centered{text-align:center}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-ink-faint);font-size:11px;font-weight:600}.link{color:var(--c-accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.link:hover{text-decoration:underline}.rule{border-top:1px solid var(--c-rule)}.swatch{border:1px solid var(--c-rule-firm);border-radius:6px;flex:none;width:20px;height:20px}.thumb{border-radius:var(--radius-sm);border:1px solid var(--c-rule);object-fit:cover;background:var(--c-surface-2)}.hidden-visually{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}img.contain{object-fit:contain}.skeleton{background:var(--c-surface-2);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}