:root{--bg:#f7fafc;--panel:#fff;--soft:#e9f6ff;--line:#d8e1e8;--text:#34404a;--muted:#6b7780;--blue:#3f87c5;--green:#52b883;--amber:#f5aa43;--red:#d94e55}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{background:#fff;max-width:520px;min-height:100vh;margin:0 auto}.topbar{z-index:10;background:#dff2ff;justify-content:space-between;align-items:end;gap:16px;min-height:88px;padding:22px 20px 18px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:26px;line-height:1.1}.topbar .time{letter-spacing:0;font-size:28px;font-weight:700}.content{padding:22px 14px 36px}.section-title{text-align:center;text-transform:uppercase;margin:22px 0 12px;font-size:24px;font-weight:800}.route-group{border:1px solid var(--line);background:#f2f6ff;border-radius:8px;overflow:hidden}.route-card{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;min-height:92px;padding:16px 14px;display:grid}.route-card:first-child{border-top:0}.route-name{font-size:26px;font-weight:700}.route-time{text-align:right;white-space:nowrap;font-size:24px;font-weight:800}.cars{grid-column:1/-1;align-items:center;gap:8px;min-height:26px;display:flex}.car{background:var(--green);border-radius:10px 12px 5px 5px;width:30px;height:18px;position:relative}.car:before,.car:after{content:"";background:#59616a;border-radius:999px;width:8px;height:8px;position:absolute;bottom:-5px}.car:before{left:5px}.car:after{right:5px}.car.green{background:var(--green)}.car.amber{background:var(--amber)}.car.red{background:var(--red)}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 4px;display:grid}.quick-action{color:var(--text);justify-items:center;gap:8px;font-weight:700;display:grid}.quick-icon{width:70px;height:70px;color:var(--blue);background:#dff2ff;border-radius:999px;place-items:center;display:grid}.camera-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.camera-card{background:#edf3f7;border-radius:8px;overflow:hidden}.camera-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.camera-label,.muted{color:var(--muted);font-size:14px}.camera-label{padding:8px}.detail-header{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.badge{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;min-width:88px;padding:10px 16px;font-weight:800;display:inline-flex}.history-chart{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:end;gap:4px;height:180px;padding:12px;display:flex}.bar{background:var(--blue);border-radius:999px 999px 0 0;flex:1;min-width:4px}.admin-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}.field label{font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:6px;width:100%;padding:10px 12px}.primary-btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:12px 16px;font-weight:800}