:root{--navy:#1a2744;--navy-2:#22304f;--navy-3:#2c3c5e;--gold:#f5b800;--ink:#1c2333;--paper:#f6f7f9;--card:#fff;--line:#e4e7ee;--muted:#6b7488;--muted-2:#929aad;--green:#1d9e75;--green-bg:#e1f5ee;--amber:#d98a10;--amber-bg:#fdf3df;--red:#d85a30;--red-bg:#faece7;--blue:#3a6ea5;--blue-bg:#e8effb;--radius:10px;--shadow:0 1px 3px rgba(20,30,60,.07),0 6px 18px rgba(20,30,60,.05)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--navy);color:#cdd6e6;display:flex;flex-direction:column;padding:18px 14px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.logo{width:30px;height:30px;border-radius:8px;background:var(--gold);color:var(--navy);font-weight:800;display:grid;place-items:center;font-size:15px}.brand b{color:#fff;font-size:15px;display:block;line-height:1.1}.brand span{color:#8f9bb5;font-size:11px}.nav{flex-direction:column;gap:2px;margin-top:6px}.nav,.nav a{display:flex}.nav a{cursor:pointer;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:#c2cbde;font-size:13.5px}.nav a:hover{background:var(--navy-2);color:#fff}.nav a.active{background:var(--navy-3);color:#fff;font-weight:600}.nav .ic{width:18px;text-align:center;opacity:.9}.nav .badge{margin-left:auto;background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;border-radius:20px;padding:1px 7px}.side-foot{margin-top:auto;border-top:1px solid #2b3a5b;padding-top:12px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:#3a6ea5;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.side-foot small{display:block;color:#8f9bb5}.main{padding:0;overflow:auto;max-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:rgba(246,247,249,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;gap:14px}.topbar h1{font-size:19px;margin:0;font-weight:700}.topbar .sub{color:var(--muted);font-size:12.5px}.topbar .spacer{flex:1 1}.btn{cursor:pointer;background:var(--navy);color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;border:none;font-family:inherit;display:inline-block}.btn:hover{background:var(--navy-2)}.btn.gold{background:var(--gold);color:var(--navy)}.btn.gold:hover{filter:brightness(.96)}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--line)}.btn.ghost:hover{background:#eef1f6}.btn.sm{padding:5px 10px;font-size:12px}.btn.danger{color:var(--red)}.btn.danger:hover{background:var(--red-bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.wrap{padding:24px 28px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat .k{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat .v{font-size:28px;font-weight:800;margin-top:6px}.stat .d{font-size:12px;margin-top:3px}.up{color:var(--green)}.down{color:var(--red)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.card .hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card .hd h2{font-size:15px;margin:0}.card .hd .spacer{flex:1 1}.card .bd{padding:6px 0}.pad{padding:18px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;padding:10px 18px;border-bottom:1px solid var(--line)}td{padding:12px 18px;border-bottom:1px solid #eef0f5}tr:last-child td{border-bottom:none}tr.click{cursor:pointer}tr.click:hover td{background:#f8fafc}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}.pill.run{color:var(--blue);background:var(--blue-bg)}.pill.block{color:var(--amber);background:var(--amber-bg)}.pill.pass{color:var(--green);background:var(--green-bg)}.pill.fail{color:var(--red);background:var(--red-bg)}.pill.idle{color:var(--muted);background:#eef0f5}.gates{display:inline-flex;gap:5px}.dot{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}.dot.g{background:var(--green)}.dot.r{background:var(--red)}.dot.a{background:var(--amber)}.dot.n{background:#c3c9d6}.stage-flow{display:flex;align-items:center;gap:4px;font-size:11px;flex-wrap:wrap}.step{padding:3px 8px;border-radius:6px;background:#eef0f5;color:var(--muted-2)}.step.done{background:var(--green-bg);color:var(--green);font-weight:600}.step.now{background:var(--navy);color:#fff;font-weight:600}.step.wait{background:#eef0f5}.arrow,.step.wait{color:var(--muted-2)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.tag{display:inline-block;border-radius:5px;padding:1px 7px;font-size:11.5px;color:var(--muted)}.bar,.tag{background:#eef0f5}.bar{height:7px;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--gold)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.note{font-size:12px;color:var(--muted);background:#fbfbf9;border:1px dashed #d7dbe4;border-radius:8px;padding:8px 12px;margin-top:14px}.banner{margin:0 0 18px;background:var(--blue-bg);border:1px solid #cfe0f3;color:#27496f;border-radius:8px;padding:10px 14px;font-size:12.5px;display:flex;gap:8px;align-items:center}.empty{color:var(--muted);padding:18px}.dcard{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card);margin-bottom:16px}.dcard .dh{padding:12px 16px;background:#fbfbfd;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.dcard .db{display:grid;grid-template-columns:300px 1fr;grid-gap:0;gap:0}.ctx{padding:16px;border-right:1px solid var(--line);background:#fcfcfe}.ctx .q{font-style:italic;color:#33405a;background:#fff;border-left:3px solid var(--gold);padding:8px 10px;border-radius:4px;margin:8px 0;font-size:13px}.cands{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.cand{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.cand:hover{border-color:#c7d0e0;background:#f8fafc}.cand.best{border-color:var(--green);background:var(--green-bg)}.cover{width:42px;height:60px;border-radius:5px;background:linear-gradient(135deg,#2c3c5e,#3a6ea5);flex:none;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;text-align:center;padding:3px;text-transform:uppercase}.cover.book{background:linear-gradient(135deg,#7a5230,#b5824a)}.cover.album,.cover.song{background:linear-gradient(135deg,#1d9e75,#37b88a)}.cover.person{background:linear-gradient(135deg,#5b4b8a,#7a6bb0)}.cand .meta{flex:1 1}.cand .meta b{font-size:13.5px}.cand .meta small{color:var(--muted);display:block}.score{font-weight:800;font-size:15px}.score.hi{color:var(--green)}.score.mid{color:var(--amber)}.score.lo{color:var(--muted-2)}.cact{display:flex;gap:6px}.kbd{font-family:ui-monospace,monospace;font-size:10.5px;background:#eef0f5;border:solid #d7dbe4;border-width:1px 1px 2px;border-radius:4px;padding:1px 5px;color:var(--muted)}.preview{border:1px solid var(--line);border-radius:8px;background:#fbfbfd;padding:14px;font-size:12.5px}.path{font-family:ui-monospace,monospace;font-size:12px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin:4px 0;display:flex;align-items:center;gap:8px}.path .x{color:var(--blue)}.spark{display:flex;align-items:flex-end;gap:4px;height:70px;margin-top:10px}.spark>i{flex:1 1;background:var(--gold);border-radius:3px 3px 0 0;opacity:.85;min-height:2px}.legend{display:flex;gap:16px;margin-top:8px}.legend,h3.sec{font-size:12px;color:var(--muted)}h3.sec{text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px}.kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef0f5;font-size:13px}.kv:last-child{border:none}.kv span{color:var(--muted)}.input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:inherit}