*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{min-height:100vh;display:flex;flex-direction:column}.topnav{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--navy-900);border-bottom:1px solid var(--navy-700);position:sticky;top:0;z-index:10}.topnav-brand{display:flex;align-items:center;gap:var(--space-2)}.brand-mark{color:var(--acid-500)}.brand-word{color:var(--gray-50);font-weight:600;font-size:var(--text-md)}.brand-sub{font-family:var(--font-mono);color:var(--dark-fg-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-left:var(--space-2);border-left:1px solid var(--navy-700)}.topnav-links{display:flex;gap:var(--space-1)}.navlink{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-400);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.navlink:hover{background:var(--navy-800);color:var(--gray-50)}.navlink.active{background:var(--navy-800);color:#fff}.userpill{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--space-3);margin-left:var(--space-1);border-left:1px solid var(--navy-700)}.userpill .mono{color:var(--gray-400);font-size:var(--text-xs)}.iconbtn{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);display:inline-flex}.iconbtn:hover{background:var(--navy-800);color:var(--gray-50)}.content{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.page-head h1{font-size:var(--text-2xl)}.muted{color:var(--fg-muted)}.mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted);font-weight:500;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border)}.table tr.clickable:hover{background:var(--gray-100);cursor:pointer}.table td.right,.table th.right{text-align:right}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--fg-subtle);flex:none}.dot.pending{background:var(--gray-400)}.dot.running{background:var(--live);box-shadow:0 0 0 3px #84cc1638;animation:pulse 1.2s var(--ease-out) infinite}.dot.done{background:var(--success)}.dot.error{background:var(--danger)}.dot.cancelled{background:var(--gray-400)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.progress{height:6px;background:var(--gray-100);border-radius:var(--radius-sm);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);transition:width var(--dur) var(--ease-out)}.progress.running>span{background:var(--live)}.progress.done>span{background:var(--success)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.btn:hover{background:var(--gray-100)}.btn:focus-visible{outline:none;box-shadow:var(--glow-focus)}.btn:disabled{color:var(--gray-300);background:var(--gray-100);border-color:var(--border);cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--danger);border-color:var(--gray-300)}.btn.danger:hover{background:#fdf2f2}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.field .hint{font-size:var(--text-xs);color:var(--fg-muted);margin-top:var(--space-1)}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);color:var(--fg)}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:var(--glow-focus);border-color:var(--accent)}.textarea{resize:vertical;min-height:72px;font-family:var(--font-mono);font-size:var(--text-sm)}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modes{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-6)}.modes button{font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border:none;background:var(--bg-elevated);color:var(--fg-muted);cursor:pointer}.modes button.active{background:var(--accent);color:var(--accent-fg)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted)}.kv{display:grid;grid-template-columns:160px 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.kv dt{color:var(--fg-muted)}.kv dd{margin:0}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid var(--border)}.banner.error{background:#fdf2f2;border-color:#f5c6c6;color:#7f1d1d}.toolbar{display:flex;gap:var(--space-2);align-items:center}.spacer{flex:1}.empty{text-align:center;color:var(--fg-muted);padding:var(--space-12) 0}.filelist{list-style:none;padding:0;margin:0}.filelist li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.filelist a{font-family:var(--font-mono);text-decoration:none;color:var(--accent)}.filelink{color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-color:var(--gray-300);text-underline-offset:3px}.filelink:hover{text-decoration-color:var(--accent)}.content{animation:fadein var(--dur-slow) var(--ease-out)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card{transition:box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.stats.stats-3{grid-template-columns:repeat(3,1fr)}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat-l{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted)}.stat-n{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;margin-top:var(--space-2)}.bars{display:flex;flex-direction:column;gap:var(--space-3)}.bar-row{display:grid;grid-template-columns:1fr 2fr auto auto;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:var(--gray-100);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--navy-600);transition:width var(--dur-slow) var(--ease-out)}.bar-fill.hot{background:var(--live)}.bar-val,.bar-cost{text-align:right;min-width:90px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--gray-100)}.chip b{font-weight:600}.progress.running{position:relative}.progress.running:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(132,204,22,.55),transparent);width:40%;animation:scan 1.4s var(--ease-std) infinite}@keyframes scan{0%{transform:translate(-110%)}to{transform:translate(310%)}}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.tab{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg-muted);border-radius:var(--radius);cursor:pointer;transition:background var(--dur) var(--ease-out)}.tab:hover{background:var(--gray-100)}.tab.active{background:var(--navy-900);color:var(--gray-50);border-color:var(--navy-900)}.preview-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.preview-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.preview-table{font-size:var(--text-xs)}.preview-table th,.preview-table td{white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;padding:var(--space-2) var(--space-3)}.preview-table tbody tr:hover{background:var(--gray-100)}.toasts{position:fixed;top:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:100}.toast{background:var(--navy-900);color:var(--gray-50);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-lg);border-left:3px solid var(--accent);animation:toastin var(--dur) var(--ease-out);max-width:360px}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}@keyframes toastin{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}