:root{--ink:#17202a;--paper:#f7f3e8;--teal:#2f8f83;--yellow:#f2b544;--line:#d9d6ca;--muted:#70766f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1440px;margin:auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:14px 28px;gap:34px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:12px;line-height:1.05}.brand img{width:36px;height:36px}.brand b{font-weight:800}.context{display:flex;flex-direction:column;gap:2px;flex:1}.eyebrow,.section-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--muted)}.context strong{font-size:14px}.top-actions{display:flex;gap:10px}.icon-btn,.avatar{border:1px solid var(--line);background:transparent;color:var(--ink);width:34px;height:34px;border-radius:8px;cursor:pointer}.avatar{background:var(--ink);color:var(--paper);font-size:11px;font-weight:700}.app-grid{display:grid;grid-template-columns:220px 1fr;min-height:872px}.sidebar{border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.section-label{padding:0 11px;margin-bottom:12px}.nav-item{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 11px;border-radius:7px;color:var(--muted);cursor:pointer;margin-bottom:3px}.nav-item span{font-size:18px;width:18px}.nav-item em{font-style:normal;margin-left:auto;font-size:11px}.nav-item.active{background:var(--ink);color:var(--paper)}.upcoming-label{margin-top:42px}.mini-route{display:flex;align-items:center;gap:8px;padding:9px 11px;font-size:12px}.mini-route b{margin-left:auto;font-size:11px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.teal{background:var(--teal)}.yellow{background:var(--yellow)}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:11px;padding:11px}.content{padding:30px 38px 50px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.kicker{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:1px}.page-head h1{font-size:30px;letter-spacing:-1.2px;margin:3px 0 0}.primary{border:0;background:var(--teal);color:white;border-radius:6px;padding:11px 16px;font-weight:700;cursor:pointer}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:15px}.filter{border:1px solid var(--line);background:transparent;padding:9px 12px;border-radius:6px;color:var(--ink);cursor:pointer}.filter.active{border-color:var(--ink);background:#ebe7da}.date{margin-left:auto;color:var(--muted);font-size:12px}.board{border-top:2px solid var(--ink);overflow:hidden}.board-head,.route-row{display:grid;grid-template-columns:190px 1fr 120px 110px;gap:16px;align-items:center}.board-head{padding:11px 14px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px}.route-row{border-top:1px solid var(--line);padding:17px 14px}.route-row:hover{background:#eeeade}.route-name{font-weight:800}.route-name small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.bar-wrap{height:9px;background:#e4e1d6;border-radius:9px;overflow:hidden}.bar{height:100%;background:var(--teal);border-radius:9px}.yellow-bar{background:var(--yellow)}.status{font-size:11px;font-weight:700;color:var(--teal)}.status.wait{color:#9b7217}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.metric{border:1px solid var(--line);padding:18px;background:#fbf8ef}.metric b{font-size:30px;display:block}.metric span{color:var(--muted);font-size:12px}.chart{border-top:2px solid var(--ink);padding-top:16px}.chart-bars{height:180px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding:0 14px}.chart-bars i{background:var(--teal);width:12%;display:block}.chart-bars i:nth-child(2n){background:var(--yellow)}.import-box,.status-box{max-width:650px;border:1px solid var(--line);padding:28px;background:#fbf8ef}.import-box h2,.status-box h2{margin-top:0}.drop{border:1px dashed var(--teal);padding:28px;text-align:center;margin:20px 0;color:var(--muted)}.status-box{border-top:5px solid var(--teal)}
@media (max-width:700px){.topbar{height:68px;padding:12px 16px;gap:15px}.context{display:none}.app-grid{display:block;min-height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px 10px;display:block;white-space:nowrap;overflow:hidden}.sidebar .section-label,.upcoming-label,.mini-route,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:3px}.nav-item{width:auto;display:inline-flex;margin:0;padding:8px 10px}.nav-item em{display:none}.content{padding:22px 16px 40px}.page-head{align-items:start;gap:12px;margin-bottom:20px}.page-head h1{font-size:24px}.primary{padding:9px 10px;font-size:12px}.date{display:none}.toolbar{overflow:auto}.board-head{display:none}.route-row{grid-template-columns:1fr 55px;gap:7px;padding:15px 4px}.route-row .bar-wrap{grid-column:1/3;grid-row:2}.route-row .status{grid-column:2;grid-row:1;text-align:right}.metric-grid{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/3}.metric b{font-size:24px}.import-box,.status-box{padding:18px}.brand img{width:32px;height:32px}}