:root{--ink:#071c25;--deep:#0a2631;--paper:#f4f3ec;--line:#cbd1cf;--teal:#0d8178;--cyan:#72ddd2;--amber:#f4b860;--red:#d85c51;--muted:#56666d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.topbar{min-height:72px;background:var(--deep);color:white;padding:1rem max(1.1rem,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:white}.app-brand span{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--teal);font-weight:900}.topbar small{color:var(--cyan);font:700 .65rem monospace}.topbar button{margin-left:1rem;background:var(--amber);border:0;padding:.6rem;font-weight:800}main{max-width:1120px;margin:auto;padding:2rem 1.1rem 4rem}.app-hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:2.5rem 0}.app-hero p,.view-head p{margin:0;color:var(--teal);font:800 .68rem monospace;letter-spacing:.11em}.app-hero h1{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1;letter-spacing:-.06em;max-width:720px;margin:.7rem 0 0}.app-hero label,.view-head label{display:grid;gap:.4rem;font-size:.75rem;color:var(--muted)}select{padding:.7rem;border:1px solid var(--line);background:white}.role-view{background:white;border:1px solid var(--line);padding:1.4rem}.view-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.view-head h2{margin:.3rem 0 0;font-size:1.8rem}.order-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.order-summary{background:var(--deep);color:white;padding:1.4rem}.order-summary small{color:var(--cyan)}.order-summary h3{font-size:2rem;margin:.5rem 0}.order-summary p{color:#d6e1e2}.order-summary b{display:block;color:var(--amber)}.location-box{margin:1rem 0;padding:.85rem;background:rgba(255,255,255,.08);border-left:3px solid var(--cyan)}.location-box strong,.location-box span{display:block}.location-box strong{margin:.25rem 0;color:white;font-size:.9rem}.location-box span{color:#b8cccf;font-size:.68rem}.route-progress{height:6px;margin-top:.7rem;background:rgba(255,255,255,.16);overflow:hidden}.route-progress i{display:block;height:100%;background:var(--cyan)}.timeline{padding:1rem}.timeline-step{display:grid;grid-template-columns:1rem 1fr;gap:.7rem;padding:0 0 1.1rem}.timeline-step i{width:.7rem;height:.7rem;border-radius:50%;background:var(--line);margin-top:.3rem}.timeline-step.done i{background:var(--teal)}.timeline-step.active i{background:var(--amber);box-shadow:0 0 0 5px rgba(244,184,96,.18)}.timeline-step b{display:block}.timeline-step small{color:var(--muted)}.badge{padding:.45rem .65rem;background:#eef0ec;color:var(--teal);font:800 .68rem monospace}.badge.safe{background:#dff4ee}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:.8rem;text-align:left;border:1px solid var(--line)}th{background:var(--deep);color:white}.status-tag{padding:.32rem .45rem;background:#e5efed;color:var(--teal);font-size:.68rem;font-weight:800}.driver-card{display:grid;grid-template-columns:.8fr 1fr .8fr;gap:1rem}.driver-card>div,.driver-card>ul{padding:1.2rem;background:var(--paper);margin:0}.driver-card strong{display:block;font-size:2rem}.driver-card p{color:var(--muted)}.driver-stats{display:grid;gap:.5rem}.driver-stats span{font-size:.8rem}.driver-stats b{display:block;color:var(--teal);font-size:1.2rem}.driver-card li{margin:.6rem 0}.driver-card li.done{color:var(--teal)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.kpis article{background:var(--paper);padding:1rem}.kpis span,.kpis small{display:block;color:var(--muted);font-size:.7rem}.kpis b{font-size:2rem;color:var(--teal)}.alerts{margin-top:1rem;padding:1.2rem;background:var(--paper)}.alerts p{font-size:.84rem}.alerts i{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;margin-right:.5rem}.red{background:var(--red)}.amber{background:var(--amber)}.teal{background:var(--teal)}.local-note{color:var(--muted);font-size:.72rem;margin-top:1rem}footer{max-width:1120px;margin:auto;padding:1.5rem 1.1rem;border-top:1px solid var(--line);display:flex;gap:1rem;flex-wrap:wrap}footer a{color:var(--teal);font-size:.75rem;font-weight:800}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.access-grid article{background:var(--paper);padding:1.2rem}.access-grid small{display:block;color:var(--muted);font:800 .65rem monospace;letter-spacing:.08em}.access-grid b{display:block;margin:.35rem 0;color:var(--teal);font-size:1.9rem}.access-grid p,.scope-note{color:var(--muted);font-size:.8rem;line-height:1.55}.scope-note{margin:1rem 0 0;padding:1rem;border-left:4px solid var(--teal);background:#eef3ef}.scope-note b{color:var(--ink)}@media(max-width:760px){.app-hero,.view-head{align-items:flex-start;flex-direction:column}.order-card,.driver-card,.access-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.topbar small{display:none}.kpis{grid-template-columns:1fr}.app-hero h1{font-size:2.7rem}}