:root{--bg:#f5f4f0;--panel:#ffffff;--ink:#1f1d1a;--ink2:#6b675e;--ink3:#9a958a;--line:#e7e4dc;--line2:#d8d4ca;--accent:#c2603a;--accent-bg:#f7ebe4;--blue:#2f6db5;--blue-bg:#e9f1fa;--green:#3f7a36;--green-bg:#ecf3e4;--amber:#9a6a12;--amber-bg:#f7efdc;--red:#a8341f;--red-bg:#f8e7e2;--purple:#6a4ca8;--purple-bg:#efeafa;--teal:#2e8b7a;--teal-bg:#e3f3ef;--radius:10px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:208px 1fr;min-height:100vh}.side{background:#1c1a17;color:#cfcabf;border-right:1px solid #000;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:16px 16px 14px}.brand .logo{width:30px;height:30px;border-radius:7px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.brand .name{font-weight:600;color:#fff;font-size:14px;line-height:1.1}.brand .sub{font-size:11px;color:#8f897d}.navsec{font-size:10px;letter-spacing:.08em;color:#6f695d;padding:14px 16px 6px;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:9px;padding:7px 16px;color:#cfcabf;text-decoration:none;font-size:13px;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav a:hover{background:#242019}.nav a .ic{width:15px;text-align:center;color:#8f897d}.nav a.active{background:#2a2622;color:#fff;border-left:2px solid var(--accent);padding-left:14px}.nav a.active .ic{color:var(--accent)}.badge-n{margin-left:auto;background:var(--accent);color:#fff;border-radius:9px;font-size:10px;padding:0 6px;line-height:16px}.churchrow{display:flex;align-items:center;gap:8px;padding:5px 16px;font-size:12px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:#cfcabf;font-family:inherit}.churchrow:hover{background:#242019}.dot{width:7px;height:7px;border-radius:50%;flex:none}.accesschip{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:4px}.main{padding:18px 22px 40px;overflow:auto}.head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.h1{font-size:21px;font-weight:600}.h1 .crumb{font-size:12px;color:var(--ink2);font-weight:400;margin-top:2px}.head .tools{display:flex;gap:8px;align-items:center}.btn{background:var(--panel);border:1px solid var(--line2);border-radius:7px;padding:6px 11px;font-size:12px;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.metrics{display:grid;grid-template-columns:repeat(7,1fr) 1.2fr;gap:10px;margin-bottom:16px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px}.metric .lab{font-size:11px;color:var(--ink2);display:flex;align-items:center;gap:6px;margin-bottom:7px}.metric .val{font-size:25px;font-weight:600;line-height:1}.metric .val.muted{color:var(--ink3)}.metric .delta{font-size:11px;margin-top:6px;color:var(--ink3)}.metric .delta.up{color:var(--green)}.metric .delta.warn{color:var(--amber)}.metric .delta.bad{color:var(--red)}.cap{display:flex;align-items:center;gap:12px}.ring{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.ring .inner{width:38px;height:38px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.panel h2{font-size:14px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.panel h2 .link{font-size:12px;color:var(--blue);font-weight:400;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:500;color:var(--ink2);font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--line)}th.num{text-align:center}td{padding:8px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:none}tbody tr.live{cursor:pointer}tbody tr.live:hover{background:var(--accent-bg)}.ch{display:flex;align-items:center;gap:8px}.ch .av{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.pill{font-size:10.5px;padding:2px 8px;border-radius:11px;display:inline-block}.risk{display:flex;align-items:center;gap:6px;font-size:12px}.num{text-align:center;font-variant-numeric:tabular-nums}.route .item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.route .item:last-child{border-bottom:none}.route .rank{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.route .rank.p0{background:var(--red)}.route .who{font-weight:500;font-size:12.5px}.route .why{font-size:11.5px;color:var(--ink2)}.route .t{margin-left:auto;font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap}.mnq .row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.mnq .row:last-child{border-bottom:none}.mnq .stat{margin-left:auto;font-size:11px;padding:2px 7px;border-radius:10px}.legend{display:flex;gap:14px;font-size:11px;color:var(--ink2);margin-top:10px;align-items:center;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.access{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}.access .c{border:1px solid var(--line);border-radius:8px;padding:9px;text-align:center}.access .c .n{font-size:20px;font-weight:600}.access .c .l{font-size:11px}.row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:14px}.empty{color:var(--ink3);font-size:11.5px;font-style:italic;padding:10px 0}.connect{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px dashed var(--line2);border-radius:8px;color:var(--ink2);font-size:11.5px}.connect .plus{width:18px;height:18px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.state-msg{padding:40px;text-align:center;color:var(--ink2)}:root{--danger:var(--red);--danger-bg:var(--red-bg);--ok:var(--green);--ok-bg:var(--green-bg);--text:var(--ink);--text-2:var(--ink2);--text-3:var(--ink3);--surface:var(--panel);--surface-2:#faf9f6;--border:var(--line);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--row-h:52px}kbd{font-family:var(--mono);font-size:10px;background:#faf9f6;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--ink2)}.cockpit-dark{--bg:#1C1C20;--panel:#26262B;--ink:#ECECEF;--ink2:#B0B0B8;--ink3:#8A8A93;--line:#3A3A41;--line2:#4A4A52;--accent:#D98A55;--accent-bg:#33291D;--blue:#8FB8E8;--blue-bg:#212E3E;--green:#6FC79E;--green-bg:#1E332C;--amber:#E3A45E;--amber-bg:#33291D;--red:#E0958A;--red-bg:#382323;--purple:#A99CE8;--purple-bg:#2B2842;--teal:#6FC7B8;--teal-bg:#1C3330;--danger:#E0958A;--danger-bg:#382323;--ok:#6FC79E;--ok-bg:#1E332C;--text:#ECECEF;--text-2:#B0B0B8;--text-3:#8A8A93;--surface:#26262B;--surface-2:#1A1A1E;--field:#1A1A1E;--field-border:#4A4A52;--border:#3A3A41;background:#1c1c20;color:#ececef}.cockpit-light{--bg:#E4E1DA;--panel:#FCFBF8;--ink:#25252A;--ink2:#66635C;--ink3:#807D76;--line:#CCC9C2;--line2:#BAB6AD;--accent:#B4551F;--accent-bg:#F7EBE4;--blue:#185FA5;--blue-bg:#E6F1FB;--green:#0F6E56;--green-bg:#E1F5EE;--amber:#A8480C;--amber-bg:#FAEEDA;--red:#A8341F;--red-bg:#F8E7E2;--purple:#534AB7;--purple-bg:#EEEDFE;--teal:#2E8B7A;--teal-bg:#E3F3EF;--danger:#A8341F;--danger-bg:#F8E7E2;--ok:#0F6E56;--ok-bg:#E1F5EE;--text:#25252A;--text-2:#66635C;--text-3:#807D76;--surface:#FCFBF8;--surface-2:#EAE7E0;--field:#FFFFFF;--field-border:#BAB6AD;--border:#CCC9C2;background:#e4e1da;color:#25252a}.cockpit-light textarea,.cockpit-light input,.cockpit-light select{background:#fcfbf8;color:#25252a;border-color:#bab6ad}.cockpit-light .btn{background:#fcfbf8;border-color:#bab6ad;color:#25252a}.cockpit-light .btn:hover{background:#efede7}.cockpit-light .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.cockpit-dark textarea,.cockpit-dark input,.cockpit-dark select{background:#1a1a1e;color:#d5d5da;border-color:#3a3a41}.cockpit-dark .btn{background:#26262b;border-color:#4a4a52;color:#d5d5da}.cockpit-dark .btn:hover{background:#2e2e34}.cockpit-dark .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.route-list{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}@media (min-width: 1600px){.route-list{grid-template-columns:1fr 1fr;column-gap:12px}}