:root{--bg: #F4F6F9;--panel: #FFFFFF;--sunken: #EEF1F5;--border: #DCE2EA;--line: #E8ECF2;--text: #16233B;--muted: #5B6B85;--faint: #8592A6;--yellow: #F2C744;--yellow-d: #B8901A;--yellow-bg: #FFF6D6;--ink: #1A1204;--green: #1E8A4C;--green-bg: #E5F5EB;--red: #C23B3B;--red-bg: #FDECEC;--blue: #2F5FC4;--blue-bg: #E8EEFC;--purple: #7C3AED;--purple-bg: #F1EAFE;--onbus-bg: #FFF1BF;--atschool-bg: #DDF3E6;--radius: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 14px rgba(16, 24, 40, .06);--font: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:light}html.dark{--bg: #0F1620;--panel: #162130;--sunken: #111A26;--border: #26344A;--line: #1F2B3C;--text: #E8ECF1;--muted: #93A1B3;--faint: #66748A;--yellow-bg: #3A3014;--green: #4CC27C;--green-bg: #163222;--red: #FF7A7A;--red-bg: #3A1A1A;--blue: #7EA0F0;--blue-bg: #1A2744;--purple: #B794F6;--purple-bg: #2A1F44;--onbus-bg: #4A3D10;--atschool-bg: #173A27;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}.mono{font-family:var(--mono);letter-spacing:.02em}.muted{color:var(--muted)}.red{color:var(--red)}.green{color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 18px;border-radius:999px;border:1px solid #C9A21E;cursor:pointer;font-weight:800;font-size:14px;color:var(--ink);background:linear-gradient(180deg,#f8d766,#f2c744 55%,#eab92e);box-shadow:0 4px #b8901a,0 8px 14px #00000029,inset 0 2px 2px #fff9;transform:translateY(-2px);transition:transform .08s,box-shadow .08s;-webkit-tap-highlight-color:transparent;user-select:none}.btn svg{stroke:var(--ink);flex-shrink:0}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #b8901a,inset 0 3px 6px #00000040}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn.gray,.btn:disabled{background:linear-gradient(180deg,#eef0f3,#d9dde3);border-color:#b3bcc8;color:#4b5563;box-shadow:0 4px #a3acb8,inset 0 2px 2px #ffffffb3}.btn.gray svg,.btn:disabled svg{stroke:#4b5563}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.danger{background:linear-gradient(180deg,#f27474,#d64545);border-color:#a82f2f;color:#fff;box-shadow:0 4px #8e2424,0 8px 14px #00000029}.btn.danger svg{stroke:#fff}.btn.sm{min-height:32px;padding:4px 12px;font-size:13px}.btn.lg{min-height:56px;font-size:17px;padding:12px 26px}.btn.block{width:100%}.btn.icon{padding:0;width:40px}.linkbtn{background:none;border:0;padding:2px 4px;color:var(--blue);font-weight:700;cursor:pointer}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h3{margin:0 0 10px;font-size:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hr{height:1px;background:var(--line);margin:12px 0;border:0}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:13px;font-weight:700;color:var(--text)}.input,select.input,textarea.input{width:100%;min-height:42px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}.input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #f2c74466}.input::placeholder{color:var(--faint)}.search3{display:grid;grid-template-columns:92px 92px minmax(150px,1fr);gap:8px;align-items:end}.search3 .date{grid-column:1 / -1}@media (min-width: 900px){.search3.wide{grid-template-columns:100px 100px minmax(200px,340px) 190px auto}.search3.wide .date{grid-column:auto}}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge.gray{background:var(--sunken);color:var(--muted)}.badge.yellow{background:var(--yellow-bg);color:#8a6d00}html.dark .badge.yellow{color:var(--yellow)}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.banner{border-radius:12px;padding:10px 14px;font-weight:600;display:flex;gap:10px;align-items:flex-start}.banner.red{background:var(--red-bg);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}.banner.yellow{background:var(--yellow-bg);color:#6b5400;border:1px solid #E9CF77}html.dark .banner.yellow{color:var(--yellow);border-color:#6b5a1e}.banner.green{background:var(--green-bg);color:var(--green)}.banner.blue{background:var(--blue-bg);color:var(--blue)}.modal-back{position:fixed;inset:0;background:#0a101a8c;display:flex;align-items:center;justify-content:center;z-index:50;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.modal{background:var(--panel);color:var(--text);border-radius:18px;width:min(520px,100%);max-height:100%;overflow:auto;box-shadow:0 20px 50px #00000059}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 18px 6px}.modal-head h2{margin:0;font-size:18px;flex:1}.modal-body{padding:8px 18px 18px}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions>*{flex:1}.list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.list>.item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);background:var(--panel);text-align:start;width:100%;border-inline:0;border-bottom:0}.list>.item:first-child{border-top:0}button.item{cursor:pointer}button.item:hover{filter:brightness(.98)}.item .name{font-weight:700}.item small{color:var(--muted);display:block}.item.onbus{background:var(--onbus-bg)}.item.atschool{background:var(--atschool-bg)}.item.done{opacity:.65}.item:disabled{cursor:default}.empty{padding:24px;text-align:center;color:var(--muted)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}.tbl th{font-size:12.5px;color:var(--muted);font-weight:700;background:var(--sunken);position:sticky;top:0}.tbl-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.tl{display:flex;flex-direction:column}.tl .r{display:grid;grid-template-columns:70px 34px 1fr;gap:8px;min-height:52px}.tl .tm{font-family:var(--mono);font-size:13px;padding-top:6px;text-align:end;color:var(--text)}.tl .rail{display:flex;flex-direction:column;align-items:center}.tl .rail i{flex:1;width:2px;background:var(--border)}.tl .rail i.off{visibility:hidden}.tl .rail span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);color:#fff;flex-shrink:0}.tl .rail span svg{stroke:#fff}.tl .r.future .rail span{background:var(--sunken);border:2px dashed var(--border)}.tl .r.future .rail span svg{stroke:var(--faint)}.tl .tx{padding:5px 0 10px}.tl .tx b{display:block}.tl .tx small{color:var(--muted)}.tl .r.future .tx b{color:var(--faint);font-weight:600}.wheelwrap{position:relative;display:inline-block;width:30px;height:30px;flex-shrink:0}.wheel{display:block;width:100%;height:100%;--wc: var(--yellow);--wd: var(--yellow-d)}.wheel.on{--wc: #34C26F;--wd: #157A42}.wheel.alert{--wc: #E5484D;--wd: #9B1C1C}.wheel .b1{fill:var(--wc)}.wheel .b2{fill:#fff}.wheel .rim{fill:none;stroke:var(--wd);stroke-width:1}.wheel .tire{fill:none;stroke:#1b1813;stroke-width:5}.wheel .hub{fill:#1b1813}html.dark .wheel .tire{stroke:#000}.wheel .spin{transform-origin:24px 24px}.wheel.on .spin{animation:sst-spin .9s linear infinite}[dir=rtl] .wheel.on .spin{animation-direction:reverse}@keyframes sst-spin{to{transform:rotate(360deg)}}.dust{position:absolute;width:38px;height:29px;bottom:-3px;inset-inline-start:-31px;overflow:visible;pointer-events:none}[dir=rtl] .dust{transform:scaleX(-1)}.dust path{fill:none;stroke:#a18b5e;stroke-width:2.8;stroke-linecap:round}.dust circle{fill:#b8a57c}.dust>*{opacity:0;animation:sst-dust 1.2s ease-out infinite;transform-box:fill-box;transform-origin:center}.dust .d2,.dust .p2{animation-delay:.4s}.dust .d3,.dust .p3{animation-delay:.8s}@keyframes sst-dust{0%{opacity:0;transform:translate(6px,2px) scale(.6)}25%{opacity:.95}to{opacity:0;transform:translate(-6px,-3px) scale(1.15)}}@media (prefers-reduced-motion: reduce){.wheel.on .spin{animation-duration:4s}.dust{display:none}}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--yellow);animation:sst-spin .8s linear infinite;margin:18px auto}.kpi{display:flex;flex-direction:column;gap:2px}.kpi .v{font-size:28px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.kpi .l{font-size:12.5px;color:var(--muted);font-weight:600}.toast{position:fixed;inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));margin:auto;max-width:480px;z-index:60;background:var(--text);color:var(--panel);border-radius:12px;padding:12px 16px;font-weight:600;box-shadow:var(--shadow)}.toast.err{background:var(--red);color:#fff}.seg{display:inline-flex;background:var(--sunken);border:1px solid var(--border);border-radius:999px;padding:3px;gap:3px}.seg button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-weight:700;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--yellow);color:var(--ink)}.kpis3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:6px}.kpis3 .kpi{text-align:center}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#141c27;color:#e8ecf1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.side .brand b{font-size:18px}.side .brand small{color:#93a1b3;display:block}.side nav{display:flex;flex-direction:column;gap:3px}.side nav button{display:flex;align-items:center;gap:10px;background:none;border:0;color:#c9d2de;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600;text-align:start}.side nav button:hover{background:#1e2a3a;color:#fff}.side nav button.on{background:var(--yellow);color:var(--ink)}.side nav button.on svg{stroke:var(--ink)}.side nav .count{margin-inline-start:auto;background:#d64545;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.side .foot{margin-top:auto;color:#66748a;font-size:12px;padding:8px}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5}.topbar .date{font-weight:700;color:var(--muted)}.content{padding:20px 22px 40px;max-width:1400px;width:100%}.page-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-title h1{margin:0;font-size:22px;flex:1}.menu-btn{display:none}@media (max-width: 900px){.layout{grid-template-columns:1fr}.side{position:fixed;inset-block:0;inset-inline-start:0;width:260px;z-index:40;transform:translate(110%);transition:transform .2s}[dir=ltr] .side{transform:translate(-110%)}.side.open{transform:none!important}.menu-btn{display:inline-flex}.content{padding:14px}.topbar{padding:10px 14px}}.mon-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mon-kpis .card{padding:12px 14px}.mon-kpis .clk{cursor:pointer}.mon-main{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:14px;margin-top:14px}.bigdate{text-align:center;margin-bottom:8px}.bigdate b{display:block;font-size:22px}.bus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-content:start}.tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:start}.tile.alert{border-color:var(--red);box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 30%,transparent)}.tile.warn{border-color:#e3b341}.tile .head{display:flex;align-items:center;gap:8px}.tile .head b{font-size:16px}.tile .big{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.tile .nums{display:flex;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.tile.gate{background:var(--blue-bg)}.clear-bar{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.clear-bar>*{flex:1;min-width:200px}.tv .side,.tv .topbar{display:none}.tv .layout{grid-template-columns:1fr}.tv .content{max-width:none;font-size:17px}.tv .tile .big{font-size:34px}@media (max-width: 1100px){.mon-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mon-main{grid-template-columns:1fr}}@media (max-width: 560px){.mon-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.side,.topbar,.no-print,.toast{display:none!important}.layout{display:block}.content{padding:0;max-width:none}body{background:#fff;color:#000}.tbl-wrap{border:0;overflow:visible}.tbl th{position:static}.print-only{display:block!important}}.print-only{display:none}