:root{--blue:#0f66b3;--blue2:#0a4478;--nav:#082f54;--silver:#c7cbd0;--bg:#eef2f5;--panel:#fff;--ink:#17212b;--muted:#65717d;--line:#d1d9e0;--bad:#a83939;--warn:#986300;--good:#2e714b;--shadow:0 8px 24px rgba(8,47,84,.1)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}body.dark{--bg:#0f1720;--panel:#17242e;--ink:#eef3f7;--muted:#a4afb8;--line:#344856;--shadow:0 10px 28px rgba(0,0,0,.28)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:30;height:66px;padding:0 12px;background:linear-gradient(90deg,#061b2c,#0a3154,#0b477a);color:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 3px 14px #0000003d}.topbar img{width:43px;height:43px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 2px #c7cbd0a6}.brand{font-weight:900;font-size:18px}.brand small{display:block;font-weight:500;font-size:10px;color:#cad4dc}.spacer{flex:1}.iconbtn{border:1px solid rgba(255,255,255,.24);background:#ffffff14;color:#fff;border-radius:9px;padding:8px 9px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#0a2238;border-top:1px solid rgba(199,203,208,.24);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottomnav.manager-nav{grid-template-columns:repeat(6,1fr)}.bottomnav button{border:0;background:transparent;color:#b9c7d1;padding:10px 3px 9px;font-size:10px}.bottomnav button.active{color:#fff;background:#0f66b34d}.bottomnav b{display:block;font-size:18px;margin-bottom:2px}.content{padding:14px 12px calc(82px + env(safe-area-inset-bottom));max-width:1200px;margin:auto}h1{font-size:24px;margin:0 0 3px}.subtitle{color:var(--muted);font-size:13px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:13px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card{padding:12px;position:relative;overflow:hidden}.metric{font-size:26px;font-weight:900;color:var(--blue2)}body.dark .metric{color:#72b9f0}.label{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.panel{padding:13px;margin-bottom:12px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:9px 11px;font-weight:700}.btn.primary{background:linear-gradient(#1576c9,#0d5d9f);border-color:#0d5d9f;color:#fff}.btn.good{background:var(--good);border-color:var(--good);color:#fff}.btn.bad{background:#fff1f1;border-color:#e2baba;color:var(--bad)}.toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}.toolbar input,.toolbar select{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:10px}.job{background:var(--panel);border:1px solid var(--line);border-left:5px solid #7b8d9b;border-radius:11px;padding:11px;margin:8px 0;box-shadow:0 3px 10px #082f540d}.job.priority{border-left-color:var(--blue)}.job.overdue{box-shadow:inset 0 0 0 2px #a8393924}.job h3{font-size:15px;margin:0 0 4px}.meta{font-size:11px;color:var(--muted);line-height:1.5}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.tag{font-size:9px;border-radius:99px;padding:3px 6px;background:#e8eef2;color:#415361;font-weight:900}.tag.priority{background:#dceefa;color:#0a5796}.tag.rtf{background:#fde4e4;color:#8f2929}.tag.call{background:#e6f1fa;color:#1c5b88}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.actions .btn{font-size:11px;padding:7px 8px}.field-stop{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px;margin:9px 0;box-shadow:var(--shadow)}.stoprow{display:flex;gap:10px}.stopnum{min-width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0a3154;color:#fff;font-weight:900}.fieldactions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.fieldactions button{min-height:46px}.fieldactions .wide{grid-column:1/-1}.statuscols{display:flex;overflow-x:auto;gap:9px;padding-bottom:7px;scroll-snap-type:x proximity}.statuscol{min-width:260px;width:260px;background:#7d91a021;border:1px solid var(--line);border-radius:12px;padding:8px;scroll-snap-align:start}.statuscol h3{font-size:13px;margin:2px 2px 7px}.calcgrid{display:grid;grid-template-columns:1fr;gap:8px}.modalbg{display:none;position:fixed;inset:0;background:#050c129e;z-index:60;padding:14px;align-items:center;justify-content:center}.modalbg.open{display:flex}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-height:92vh;overflow:auto;width:min(700px,100%);padding:16px;box-shadow:0 30px 90px #00000059}.modal h2{margin-top:0}.close{float:right;border:0;background:transparent;color:var(--ink);font-size:24px}.formgrid{display:grid;grid-template-columns:1fr;gap:9px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10px;color:var(--muted);font-weight:900}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:10px}.field textarea{min-height:80px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,rgba(15,102,179,.22),transparent 36%),linear-gradient(135deg,#061522,#0a3154,#0b477a);padding:18px}.loginbox{width:min(430px,100%);background:#fff;border-radius:17px;padding:22px;box-shadow:0 32px 90px #0006}.loginlogo{width:108px;height:108px;border-radius:50%;object-fit:contain;display:block;margin:0 auto 9px}.loginbox h1{text-align:center}.loginbox p{text-align:center;color:#687580}.loginbox input{width:100%;border:1px solid #d2d9df;border-radius:9px;padding:11px;margin:5px 0}.loginbox .btn{width:100%;margin-top:7px}.alert{padding:9px 10px;border-radius:9px;background:#fff0d8;color:#765000;font-size:12px;margin:7px 0}.goodalert{background:#e4f2e9;color:#245d3d}.offline{background:#fff0d8;color:#765000;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:900}.empty{text-align:center;color:var(--muted);padding:25px 10px}@media(min-width:760px){.cards{grid-template-columns:repeat(6,1fr)}.calcgrid{grid-template-columns:repeat(3,1fr)}.formgrid{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.bottomnav{left:50%;transform:translate(-50%);max-width:760px;border-radius:14px 14px 0 0}}.tag.offlineready{background:#dff2e6;color:#245f3e}.tag.syncpending{background:#fff0ce;color:#7a5200}.file-list-box{margin-top:10px;border-top:1px solid var(--line)}.file-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.file-row .btn{flex:0 0 auto}body.dark .tag.offlineready{background:#1d4934;color:#a8e3bd}body.dark .tag.syncpending{background:#4a3816;color:#ffe4a0}.user-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.user-card.inactive{opacity:.58}.user-card:last-child{border-bottom:0}.user-card .actions{justify-content:flex-end;margin-top:0}@media(max-width:620px){.user-card{align-items:flex-start;flex-direction:column}.user-card .actions{width:100%}.bottomnav.manager-nav button{font-size:9px;padding-left:1px;padding-right:1px}}.production-panel{border-width:2px}.production-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.production-row h3{margin:0 0 4px}.production-version{font-size:13px;color:var(--muted);margin-bottom:10px}.safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.safety-stat{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;background:var(--surface2)}.safety-stat strong{display:block;font-size:22px}.safety-stat span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.sync-alert{background:#8b2d24!important}@media(max-width:650px){.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.live-status{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.4px;background:#ffffff14}.live-status[data-kind=live]{background:#37965f52}.live-status[data-kind=warn]{background:#aa573266}.nav-title,.nav-foot{display:none}@media(min-width:980px){.topbar{position:fixed;left:0;right:0;top:0;height:72px;padding:0 24px;z-index:50}.topbar img{width:48px;height:48px}.brand{font-size:20px}.brand small{font-size:11px;margin-top:2px}.bottomnav,.bottomnav.manager-nav{position:fixed;inset:72px auto 0 0;transform:none;width:236px;max-width:none;border-radius:0;border-top:0;border-right:1px solid rgba(199,203,208,.22);display:flex;flex-direction:column;grid-template-columns:none;padding:18px 12px;background:linear-gradient(180deg,#071f34,#092d4c);gap:5px}.bottomnav button{display:flex;align-items:center;gap:12px;text-align:left;border-radius:10px;padding:11px 12px;font-size:13px;color:#c6d4df}.bottomnav button b{display:inline-block;width:24px;margin:0;text-align:center;font-size:19px}.bottomnav button span{display:inline}.bottomnav button.active{background:#0f66b36b;color:#fff}.nav-title{display:block;color:#7792a8;font-size:10px;font-weight:900;letter-spacing:1.2px;padding:3px 12px 8px}.nav-foot{display:block;margin-top:auto;color:#7890a3;font-size:10px;line-height:1.6;padding:12px}.content{max-width:none;margin:0 0 0 236px;padding:100px 28px 40px;min-height:100vh}.cards{grid-template-columns:repeat(6,minmax(115px,1fr));gap:12px}.card{padding:16px}.metric{font-size:31px}.statuscols{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));overflow:visible;align-items:start}.statuscol{width:auto;min-width:0;max-height:calc(100vh - 185px);overflow:auto}.toolbar input{max-width:620px}.job{padding:14px}.job h3{font-size:16px}.panel{padding:17px}.modal{width:min(820px,calc(100vw - 80px));padding:20px}.formgrid{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.fieldactions{grid-template-columns:repeat(5,minmax(130px,1fr))}.fieldactions .wide{grid-column:auto}}@media(min-width:1400px){.content{padding-left:38px;padding-right:38px}.cards{gap:16px}.statuscols{gap:14px}}@media(max-width:979px){.nav-title,.nav-foot,.bottomnav button span{display:none}}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:12px}.page-head .subtitle{margin-bottom:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h3{margin:0 0 3px}.view-switch{display:flex;gap:7px;flex-wrap:wrap}.count-pill{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:99px;background:#0d5d9f;color:#fff;font-weight:900;font-size:12px}.command-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.command-grid .panel{margin:0}.crew-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crew-summary{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:11px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:3px}.crew-summary strong{font-size:14px}.crew-summary span{font-size:20px;font-weight:900;color:var(--blue2)}body.dark .crew-summary span{color:#72b9f0}.crew-summary small{font-size:10px;color:var(--muted)}.mini-week{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:6px;overflow-x:auto}.mini-day{min-width:58px;border:1px solid var(--line);border-radius:10px;padding:9px 5px;text-align:center;background:var(--bg)}.mini-day strong,.mini-day span,.mini-day small{display:block}.mini-day strong{font-size:10px;text-transform:uppercase;color:var(--muted)}.mini-day span{font-size:20px;font-weight:900;margin:2px 0}.mini-day small{font-size:9px;color:var(--muted)}.queue-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 2px;cursor:pointer}.queue-line:first-of-type{border-top:0}.queue-line:hover{background:#0f66b30d}.queue-line.priority{border-left:4px solid var(--blue);padding-left:8px}.queue-line>div{min-width:0}.queue-line strong,.queue-line span{display:block}.queue-line span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw}.queue-line-right{text-align:right;flex:0 0 auto}.queue-line-right strong{font-size:10px;color:var(--blue2)}body.dark .queue-line-right strong{color:#72b9f0}.queue-line-right span{font-size:9px}.calendar-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.calendar-toolbar strong{font-size:15px;margin-left:4px}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:8px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));border:1px solid var(--line);border-radius:13px;overflow:auto;background:var(--line);gap:1px}.cal-weekday{background:#0a3154;color:#fff;padding:9px;text-align:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.month-day{background:var(--panel);min-height:130px;padding:8px;cursor:pointer}.month-day.other-month{opacity:.42}.month-day.today{box-shadow:inset 0 0 0 2px #0f66b3}.month-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.month-day-head strong{font-size:13px}.month-day-head span{font-size:8px;border-radius:99px;padding:3px 5px;background:#edf2f6;color:#5c6973;font-weight:800}.month-events{display:flex;flex-direction:column;gap:4px}.calendar-event{border:1px solid #b9cee1;border-left:4px solid #0f66b3;border-radius:7px;background:#edf6fd;color:#16344d;text-align:left;padding:4px 5px;min-width:0}.calendar-event strong,.calendar-event span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event strong{font-size:9px}.calendar-event span{font-size:8px;color:#526a7d}.calendar-event.crew-crew_2{border-left-color:#2e714b}.calendar-event.crew-crew_3{border-left-color:#986300}.calendar-event.crew-crew_4{border-left-color:#75459a}.more-events{font-size:9px;color:var(--muted);font-weight:800;padding:2px}.route-planner-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}.route-queue-panel{position:sticky;top:88px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px;max-height:calc(100vh - 130px);overflow:auto;box-shadow:var(--shadow)}.route-queue-list{display:flex;flex-direction:column;gap:7px}.drop-hint{border:1px dashed var(--line);border-radius:9px;padding:9px;text-align:center;color:var(--muted);font-size:9px;margin-top:10px}.planner-scroll{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.planner-grid{display:grid;grid-template-columns:110px repeat(7,minmax(165px,1fr));min-width:1280px}.planner-corner,.planner-date,.planner-crew,.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.planner-corner{position:sticky;left:0;top:0;z-index:5;background:#082f54;color:#fff;padding:12px;font-size:11px;font-weight:900}.planner-date{position:sticky;top:0;z-index:4;background:#0a3154;color:#fff;padding:9px;text-align:center}.planner-date strong,.planner-date span,.planner-date small{display:block}.planner-date strong{font-size:11px;text-transform:uppercase}.planner-date span{font-size:13px;font-weight:800}.planner-date small{font-size:8px;color:#c9d7e2;margin-top:2px}.planner-date.today{background:#0d5d9f}.planner-crew{position:sticky;left:0;z-index:3;background:var(--panel);padding:12px 8px;min-height:145px}.planner-crew strong,.planner-crew span{display:block}.planner-crew strong{font-size:12px}.planner-crew span{font-size:9px;color:var(--muted);margin-top:4px}.planner-cell{min-height:145px;padding:7px;background:var(--panel);transition:.12s ease}.planner-cell.today{background:#0f66b309}.planner-cell.dragover{background:#0f66b324;box-shadow:inset 0 0 0 2px var(--blue)}.planner-add{width:100%;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px;font-size:9px;margin-top:5px}.planner-add:hover{border-color:var(--blue);color:var(--blue)}.route-chip{border:1px solid var(--line);border-left:4px solid #7b8d9b;background:var(--bg);border-radius:8px;padding:7px;margin-bottom:6px;cursor:pointer;box-shadow:0 2px 5px #0000000a}.route-chip[draggable=true]{cursor:grab}.route-chip[draggable=true]:active{cursor:grabbing}.route-chip.priority{border-left-color:var(--blue)}.route-chip.in-field{border-left-color:var(--good);opacity:.9}.route-chip strong,.route-chip span,.route-chip small{display:block}.route-chip strong{font-size:10px}.route-chip span{font-size:9px;margin-top:2px}.route-chip small{font-size:8px;color:var(--muted);margin-top:2px}.route-chip div{display:flex;justify-content:space-between;gap:5px}.route-chip em{font-style:normal;font-size:7px;background:#dff2e6;color:#245f3e;border-radius:99px;padding:2px 4px;font-weight:900}.queue-chip{background:var(--panel)}.route-picker{display:flex;flex-direction:column;gap:6px;max-height:55vh;overflow:auto}.route-picker-row{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:10px;text-align:left}.route-picker-row strong,.route-picker-row span{display:block}.route-picker-row span{font-size:10px;color:var(--muted);margin-top:2px}.route-job-summary{display:flex;flex-direction:column;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px}.route-job-summary span,.route-job-summary small{font-size:10px;color:var(--muted)}.bottomnav.route-nav{grid-template-columns:repeat(6,1fr)}.bottomnav.manager-nav.route-nav{grid-template-columns:repeat(7,1fr)}body.dark .month-day-head span{background:#263743;color:#b5c2cc}body.dark .calendar-event{background:#173149;color:#dcebf7;border-color:#315b7d}body.dark .calendar-event span{color:#9fb5c5}body.dark .route-chip em{background:#1d4934;color:#a8e3bd}@media(min-width:980px){.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-route,.command-week{min-height:180px}.command-unassigned,.command-drafting{min-height:250px}.crew-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.queue-line span{max-width:22vw}.bottomnav.route-nav,.bottomnav.manager-nav.route-nav{grid-template-columns:none}}@media(max-width:979px){.route-planner-shell{grid-template-columns:1fr}.route-queue-panel{position:static;max-height:none}.planner-scroll{max-width:100%}.month-grid{min-width:850px}.command-grid{grid-template-columns:1fr}.bottomnav.route-nav button,.bottomnav.manager-nav.route-nav button{font-size:8px}.content{overflow-x:hidden}}@media(max-width:620px){.crew-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-week{grid-template-columns:repeat(7,70px)}.queue-line span{max-width:52vw}.calendar-toolbar strong{width:100%;margin:3px 0}.page-head{align-items:stretch}.page-head>.btn,.page-head>.view-switch{width:100%}.view-switch .btn{flex:1}}