:root{--bg:#0b0d10;--panel:#111418;--panel2:#0f1216;--border:#242a31;--text:#e8ecf1;--muted:#9aa7b2;--arr:#34A853;--head-bg:#0f1720;--head-text:#fff;--skeleton:#1a1f27;--skeleton-shine:#242a33;--stripe:rgba(255,255,255,.04);--green:#34A853;--yellow:#FBBC04;--red:#EA4335;--legend-bg:#181c22;--legend-border:#242a31;--btn-bg:#1a2030;--btn-hover:#242d40;--btn-text:#c8d0da}@media (prefers-color-scheme: light){:root{--bg:#f7f9fb;--panel:#ffffff;--panel2:#fbfbfd;--border:#e7edf2;--text:#0e1720;--muted:#536471;--arr:#2b8e46;--head-bg:#1e293b;--head-text:#fff;--skeleton:#e7edf2;--skeleton-shine:#f0f4f8;--stripe:rgba(0,0,0,.03);--green:#2b8e46;--yellow:#e0a800;--red:#d03027;--legend-bg:#f0f4f8;--legend-border:#e2e8f0;--btn-bg:#e8edf3;--btn-hover:#dce3ec;--btn-text:#3b4a5a}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:clamp(16px,4vw,32px);background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.dashboard-header h1{margin:0;font-size:clamp(22px,3vw,36px);letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:.75rem}#status{color:var(--muted);font-size:.85rem;white-space:nowrap}.refresh-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--btn-bg);color:var(--btn-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.refresh-btn:hover{background:var(--btn-hover);border-color:var(--muted)}.refresh-btn:active{transform:scale(.97)}.refresh-btn.refreshing .refresh-icon{animation:spin .6s linear infinite}.refresh-icon{display:inline-block;width:14px;height:14px;transition:transform .15s}@keyframes spin{to{transform:rotate(360deg)}}.countdown{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}.grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:clamp(12px,2vw,24px)}@media (max-width:720px){.grid{grid-template-columns:1fr}}.board{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:box-shadow .2s}.board:hover{box-shadow:0 4px 24px #0000001f}.board__head{background:var(--head-bg);color:var(--head-text);padding:.65rem .9rem;text-align:center}.board__head-title{font-weight:700;font-size:.95rem}.board__head-code{font-size:.7rem;opacity:.6;font-weight:400;margin-top:.1rem}table{width:100%;border-collapse:collapse;table-layout:fixed}thead th{border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.board table :is(th,td){padding:.55rem .6rem;vertical-align:middle;border-top:1px solid var(--border);text-align:center}tbody tr{transition:background .15s}tbody tr:nth-child(odd){background:var(--stripe)}tbody tr:hover{background:#64a0ff0f}.board table :is(th,td):nth-child(1){width:18%;font-weight:700}.board table :is(th,td):nth-child(2){width:22%}.board table :is(th,td):nth-child(3){width:18%}.board table :is(th,td):nth-child(4){width:22%}.board table :is(th,td):nth-child(5){width:20%}.pill{display:inline-block;padding:.18rem .5rem;border-radius:999px;font-size:.95rem;font-weight:800;line-height:1;background:#1f2937;color:#fff;transition:transform .15s}.pill.load-green{background:var(--green)}.pill.load-yellow{background:var(--yellow);color:#1a1a1a}.pill.load-red{background:var(--red)}.pill.arr{animation:pulse-arr 1.8s ease-in-out infinite}@keyframes pulse-arr{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.cell{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%}img.bus-img,svg.bus-img{height:2em;width:auto;vertical-align:middle;object-fit:contain;display:inline-block;flex:0 0 auto}.muted{color:var(--muted)}.skeleton-row td{border-top-color:transparent}.skeleton-bar{height:1.1em;border-radius:6px;background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-shine) 50%,var(--skeleton) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;margin:0 auto;width:70%}.skeleton-bar.narrow{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.legend{margin-top:1.25rem;padding:.6rem 1rem;border-radius:10px;background:var(--legend-bg);border:1px solid var(--legend-border);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.78rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.green{background:var(--green)}.legend-dot.yellow{background:var(--yellow)}.legend-dot.red{background:var(--red)}.legend-label{font-weight:500}tbody tr.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}