:root{--bg-page: #f4f4f1;--bg-surface: #ffffff;--bg-subtle: #fbfbf9;--bg-real-row: #f6fdf8;--border-main: #e6e5e0;--border-subtle: #f2f2ee;--border-divider: #eeeeea;--border-control: #e0dfda;--fill-neutral: #f4f4f1;--text-primary: #1a1a17;--text-secondary: #57544d;--text-secondary-2: #77746c;--text-faint: #8d8a82;--text-disabled: #a8a59d;--accent: #4ade80;--green-ink: #15803d;--green-tint: #eefbf2;--green-border: #cdebd8;--red-ink: #b91c1c;--red-tint: #fdf1ef;--red-bar: #f0a9a2;--amber-ink: #96690c;--amber-tint: #fdf6e7;--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page)}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;color:var(--text-primary);font-size:14px}a{color:var(--green-ink);text-decoration:none}a:hover{color:#0f5c2c}button{font-family:inherit}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes tapeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mono{font-family:var(--font-mono)}.dot{width:6px;height:6px;border-radius:4px;flex:0 0 auto}.dot-live{background:var(--accent);animation:livePulse 2.4s ease-in-out infinite}.card{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:12px}.view-title{font-size:25px;font-weight:500;letter-spacing:-.015em;text-wrap:pretty}.view-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-faint)}.pill{font-size:12px;line-height:1.35;white-space:nowrap;padding:7px 11px;border-radius:7px;cursor:pointer;border:1px solid var(--border-control);background:var(--bg-surface);color:var(--text-secondary)}.pill:hover{opacity:.85}.pill.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.tab{font-size:13px;line-height:1.35;white-space:nowrap;padding:9px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--border-control);background:var(--bg-surface);color:var(--text-secondary)}.tab:hover{opacity:.85}.tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.chip{font-family:var(--font-mono);font-size:10px;padding:3px 5px;border-radius:4px;white-space:nowrap;display:inline-block}.chip-long{background:var(--green-tint);color:var(--green-ink)}.chip-short{background:var(--red-tint);color:var(--red-ink)}.chip-flat{background:var(--fill-neutral);color:var(--text-faint)}.badge{font-family:var(--font-mono);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap;display:inline-block}.btn-secondary{text-align:center;font-size:12.5px;padding:9px;border-radius:8px;cursor:pointer;border:1px solid var(--border-control);color:var(--text-primary);background:transparent}.btn-secondary:hover{background:#f6f6f2}.btn-primary{text-align:center;font-size:13px;font-weight:500;padding:11px;border-radius:8px;cursor:pointer;border:1px solid var(--text-primary);background:var(--text-primary);color:#fff}.btn-primary:hover{opacity:.88}.btn-primary.confirmed{background:var(--green-tint);color:var(--green-ink);border-color:var(--green-border)}.sidebar-nav-item{background:transparent;color:#6f6c65;text-decoration:none}.sidebar-nav-item:hover{background:#f1f1ed}.sidebar-nav-item.active{background:#f1f1ed;color:var(--text-primary)}.sidebar-nav-item.active:hover{color:var(--text-primary)}.sidebar-nav-dot{background:#dcdbd5}.sidebar-nav-item.active .sidebar-nav-dot{background:var(--accent)}.table-header-cell{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.11em;color:var(--text-faint)}table-row-hover:hover,.row-hover:hover{background:var(--bg-subtle)}.no-scrollbar-x{overflow-x:auto}.app-shell{display:flex;align-items:stretch;min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-size:14px}.sidebar-panel{width:228px;flex:0 0 228px;background:var(--bg-surface);border-right:1px solid var(--border-main);display:flex;flex-direction:column;padding:24px 0 18px}.mobile-topbar,.mobile-nav-overlay{display:none}@media (max-width: 767px){.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-main);position:sticky;top:0;z-index:20}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border-radius:7px;border:1px solid var(--border-control);background:var(--bg-surface);color:var(--text-primary);font-size:15px;cursor:pointer}.sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:min(82vw,280px);flex:none;z-index:30;overflow-y:auto;transform:translate(-100%);transition:transform .2s ease}.sidebar-panel.open{transform:translate(0)}.mobile-nav-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0c59;z-index:25}}