:root{--blue:#003893;--gold:#fece02;--ink:#18385f;--muted:#63708a}*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.board{max-width:800px;margin:auto;min-height:100vh;background:white;border-inline:1px solid #d7e0ee}.brand{padding:14px 16px 12px;display:flex;align-items:center;justify-content:center;gap:22px;border-bottom:5px solid var(--gold)}.logo{width:135px;height:86px;overflow:hidden;flex-shrink:0}.logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}h1{font-size:24px;margin:0;color:var(--blue)}.dateline{text-align:center;padding:19px 12px 15px}.dateline p{margin:0 0 6px;font-size:12px;color:var(--muted)}#linedate{display:block;font-size:22px;font-weight:750;line-height:1.35;color:var(--blue)}.live{display:flex;align-items:center;justify-content:center;gap:7px;color:#48705a;font-size:11px;margin-top:10px;min-height:17px}.dot{width:6px;height:6px;border-radius:50%;background:#4b946c}.live.offline{color:#90601d}.live.offline .dot{background:#c48c36}main{padding:0 14px 18px}.lines{display:grid;grid-template-columns:1fr 1fr;gap:12px}.line{min-width:0;border:1px solid #d6dfec;border-radius:8px;overflow:hidden}table{width:100%;border-collapse:collapse;table-layout:fixed}caption{padding:13px 4px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;text-align:center;border-bottom:3px solid var(--gold)}th,td{height:48px;padding:7px 9px;border-bottom:1px solid #e2e8f1;text-align:left}th{width:42px;font-size:12px;font-weight:500;color:#728097}td{font-size:22px;font-weight:750;letter-spacing:.25px}tr:nth-child(even){background:#f3f6fc}tr.isnext{background:#fff7d4}tr.isnext td{color:var(--blue)}tr:last-child th,tr:last-child td{border-bottom:0}.empty{padding:28px 12px;text-align:center;font-size:15px;color:var(--muted);line-height:1.7}footer{text-align:center;padding:10px 12px 22px;font-size:10px;color:#73819b;line-height:1.7}[hidden]{display:none!important}@media(max-width:400px){.brand{gap:13px;padding:10px 12px}.logo{width:110px;height:70px}h1{font-size:22px}#linedate{font-size:19px}.dateline{padding:15px 10px 12px}main{padding-inline:9px}.lines{gap:8px}caption{font-size:15px;padding:11px 3px}th{width:29px;font-size:11px;padding:7px 6px}td{font-size:20px;padding:7px 5px}}

.smallline{margin-bottom:14px}.smallline caption{font-size:14px;padding:8px}.smallline tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.smallline tr{display:flex;align-items:center;min-width:0}.smallline th{width:32px;flex-shrink:0}.smallline td{min-width:0;font-size:21px}.smallline tr:last-child th,.smallline tr:last-child td{border-bottom:1px solid #e2e8f1}@media(max-width:400px){.smallline th{width:24px;padding-left:5px}.smallline td{font-size:19px;padding-inline:3px}}

.taxi-cell{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap}.taxi-number{min-width:0;overflow-wrap:anywhere}.driver-status{display:inline-block;flex-shrink:0;border-radius:4px;background:#fff3c1;color:#745300;padding:3px 5px;font-size:11px;line-height:1.2;font-weight:650;letter-spacing:0;white-space:nowrap}.smallline td{flex:1}.smallline .taxi-cell{justify-content:flex-start}
.independentlines{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.numberchip{font-weight:750;font-size:24px;padding:2px 8px;border-radius:5px}.paymentlegend{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:12px;padding:12px 0}.paymentlegend span{display:flex;gap:6px;align-items:center}.paymentlegend i{width:18px;height:18px;display:inline-block;border:1px solid #a6b7cc;border-radius:4px}.duties{margin-top:24px}.duties h2{font-size:21px;color:#003893}#roles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rolecard{padding:14px;background:white;border:1px solid #d5dfed;border-radius:8px}.rolecard h3{margin:0 0 12px;font-size:16px;color:#003893}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips .numberchip{border:1px solid #d5dfed;min-width:58px;text-align:center}.taxi-cell{gap:7px;flex-wrap:wrap}.driver-status{font-size:11px}@media(max-width:450px){.independentlines{gap:8px}.numberchip{font-size:18px;padding:2px 4px}.line th{font-size:10px}.line td{padding:7px 3px}.line caption{font-size:14px}#roles{gap:8px}.rolecard{padding:10px}.driver-status{font-size:10px}}