:root{--bg:#f7f7f5;--s1:#fff;--s2:#f4f4f1;--line:#e7e6e1;--line2:#f1f0ec;--ink:#0b0f17;--muted:#5b6472;--faint:#8a93a0;--blue:#1f4fd6;--blue-tint:#eaf0fe;--blue-ink:#1e3a8a;--toll:#e4570f;--toll-soft:#f4a77c;--toll-tint:#fff1e8;--toll-ink:#9a3412;--toll-on:#130a04;--green:#15803d;--green-tint:#e8f7ee;--green-ink:#14532d;--red:#b42318;--red-tint:#fef0ee;--shadow:0 1px 2px #0b0f170a, 0 1px 3px #0b0f170f;--shadow-lg:0 12px 32px #0b0f171a;--radius:18px;--font:"Geist", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-ink)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{min-height:100%;display:flex}.sidebar{background:var(--s1);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:24px;width:248px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px;display:flex}.brand-name{letter-spacing:-.035em;font-size:19px;font-weight:700}.nav{flex-direction:column;gap:18px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav a{height:40px;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-weight:500;display:flex}.nav a:hover{background:var(--s2);color:var(--ink)}.nav a.on{background:var(--s2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}.nav a .badge{background:var(--toll-tint);color:var(--toll-ink);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.who{background:var(--s2);border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.who .name{font-size:13px;font-weight:600}.who .co{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;overflow:hidden}.avatar{background:var(--ink);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.main{flex-direction:column;flex:1;gap:20px;min-width:0;max-width:1480px;padding:26px 36px 40px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-head h1{letter-spacing:-.035em;font-size:28px;font-weight:700}.page-head .sub{color:var(--muted);margin-top:6px}.crumb{align-items:center;gap:4px;margin-bottom:6px;font-size:13px;font-weight:600;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{gap:16px;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.g-wide{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}@media (width<=1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main,.g-wide,.g3{grid-template-columns:1fr}}@media (width<=760px){.sidebar{display:none}.main{padding:18px 16px 32px}.g4{grid-template-columns:1fr}}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--s1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card.pad{padding:20px 22px}.card-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.card-title h2{font-size:16px;font-weight:600}.card-title .hint{color:var(--muted);font-size:13px}.kpi{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.kpi .label{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.kpi .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.kpi .note{color:var(--muted);font-size:13px}.kpi.good{background:var(--green-tint);border-color:#c9ebd6}.kpi.good .label,.kpi.good .note{color:var(--green-ink)}.kpi.good .value{color:var(--green)}.btn{border:1px solid var(--line);background:var(--s1);height:40px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--s2)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.btn.primary:hover{background:#1f2633}.btn.danger{color:var(--red)}.btn.big{height:48px;padding:0 22px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.seg{background:var(--s2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-weight:600}.seg button[aria-checked=true]{background:var(--s1);color:var(--ink);box-shadow:var(--shadow)}.seg.block{border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.seg.block button{border-radius:10px;height:36px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.pill.green{background:var(--green-tint);color:var(--green)}.pill.orange{background:var(--toll-tint);color:var(--toll-ink)}.pill.gray{background:var(--s2);color:var(--muted)}.pill.blue{background:var(--blue-tint);color:var(--blue-ink)}.plate{font-family:var(--mono);background:var(--s2);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600}.road{background:var(--toll);color:var(--toll-on);border-radius:6px;padding:1px 7px;font-size:12px;font-weight:800;display:inline-flex}.delta{border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.delta.good{background:var(--green-tint);color:var(--green)}.delta.bad{background:var(--toll-tint);color:var(--toll-ink)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.mono{font-family:var(--mono)}table.t{border-collapse:collapse;width:100%}.t th{text-align:left;color:var(--muted);background:var(--s2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500}.t td{border-bottom:1px solid var(--line2);padding:12px 16px}.t tr:last-child td{border-bottom:0}.t .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t tbody tr.click{cursor:pointer}.t tbody tr.click:hover td{background:#fafaf8}.t tr.sel td{background:var(--blue-tint)}.card>.t:first-child th:first-child{border-top-left-radius:var(--radius)}.card>.t:first-child th:last-child{border-top-right-radius:var(--radius)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.input,.select{border:1px solid var(--line);background:var(--s1);height:44px;color:var(--ink);border-radius:12px;width:100%;padding:0 12px;font-size:15px}.input:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);outline:0}.input.invalid{border-color:var(--red)}.help{color:var(--muted);font-size:13px;line-height:1.5}.error{background:var(--red-tint);color:var(--red);border-radius:12px;padding:12px 14px;font-weight:500}.success{background:var(--green-tint);color:var(--green-ink);border-radius:12px;padding:12px 14px;font-weight:500}.row{align-items:center;gap:12px;display:flex}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.drawer-wrap{z-index:50;background:#0b0f1747;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--s1);width:420px;max-width:100%;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.icon-btn{border:1px solid var(--line);background:var(--s1);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.insight{border-top:1px solid var(--line);gap:14px;padding:14px 0;display:flex}.insight:first-of-type{border-top:0}.insight .ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.insight .title{font-weight:600}.insight .text{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.45}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty .big{color:var(--ink);font-size:16px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--s2), #ecebe6, var(--s2));background-size:200% 100%;border-radius:10px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%;display:grid}.auth-side{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;gap:32px;padding:48px;display:flex}.auth-side h2{letter-spacing:-.04em;max-width:520px;font-size:40px;font-weight:700;line-height:1.08}.auth-side ul{color:#c9ced6;flex-direction:column;gap:14px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.auth-side li{align-items:flex-start;gap:12px;display:flex}.auth-form{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-form form{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.auth-form h1{letter-spacing:-.035em;font-size:30px}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-side{display:none}}.todo{border-top:1px solid var(--line);align-items:center;gap:18px;padding:20px 24px;display:flex}.todo.now{background:var(--s2)}.todo .dot{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.todo .dot.done{background:var(--green);color:#fff}.todo .dot.now{background:var(--ink);color:#fff}.todo .dot.todo{color:var(--muted);border:1.5px dashed #b9bdc5}.todo .t1{font-size:16px;font-weight:600}.todo .t1.done{color:var(--muted);-webkit-text-decoration:line-through #c9ccd2;text-decoration:line-through #c9ccd2}.todo .t2{color:var(--muted);margin-top:3px}.ring{border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ring>div{background:var(--s1);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.code-big{font-family:var(--mono);letter-spacing:3px;font-size:28px;font-weight:600}.timeline{margin:0;padding:0;list-style:none}.timeline li{gap:14px;display:flex}.timeline .rail{flex-direction:column;align-items:center;width:12px;display:flex}.timeline .rail span:first-child{border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:5px}.timeline .rail span+span{background:var(--line);flex-grow:1;width:2px;margin:6px 0}.timeline .body{padding-bottom:16px}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{border-radius:2px;width:16px;height:4px;display:inline-block}.demo-banner{color:#6b5b2e;background:#f3eee2;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.mobile-nav{display:none}@media (width<=760px){.mobile-nav{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;margin:-4px -16px 0;padding:0 16px 12px;display:flex}.mobile-links{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.mobile-links a{background:var(--s1);border:1px solid var(--line);height:36px;color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.mobile-links a.on{background:var(--ink);border-color:var(--ink);color:#fff}.page-head h1{font-size:24px}.card{overflow-x:auto}}.bar{transition:fill .12s}.bar:hover{fill:var(--toll)}.tip{z-index:5;pointer-events:none;background:var(--s1);border:1px solid var(--line);box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex;position:absolute}.sw{border-radius:2px;width:16px;height:3px;display:inline-block}.sw.dash{background:0 0;border-top:2px dashed;height:0}.pulse-delta{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.pulse-delta.up{background:var(--red-tint);color:var(--red)}.pulse-delta.down{background:var(--green-tint);color:var(--green)}.pulse-delta.flat{background:var(--s2);color:var(--muted)}.roadbar{grid-template-columns:52px 1fr 64px;align-items:center;gap:12px;padding:6px 0;display:grid}.roadbar .bar{background:var(--toll-soft);border-radius:0 5px 5px 0;height:10px}.btn.sm{gap:6px;height:34px;padding:0 12px;font-size:13px}.btn .count{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.drivers-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.drivers-top{grid-template-columns:1fr}}.btn.quiet{box-shadow:none;color:var(--muted)}.t td .btn.sm{white-space:nowrap}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.toolbar .count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.search{flex:260px;align-items:center;max-width:420px;display:flex;position:relative}.search>svg{pointer-events:none;position:absolute;left:12px}.search .input{height:40px;padding-left:38px;padding-right:36px}.search .input::-webkit-search-cancel-button{display:none}.search .icon-btn{position:absolute;right:6px}.seg .n{color:var(--muted);margin-left:6px;font-size:11px;font-weight:700}