:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2b6cb0}.app{min-height:100vh}.app-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbfcf0;border-bottom:1px solid #d2dde3;grid-template-columns:minmax(180px,1fr) auto minmax(170px,1fr);align-items:center;gap:18px;padding:14px clamp(16px,4vw,44px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{color:#f7fbfd;background:#214f59;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{color:#5c6d75;margin-top:2px;font-size:.78rem}.top-nav{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.top-nav a{color:#41535c;border-radius:8px;min-height:36px;padding:9px 12px;font-size:.92rem}.top-nav a:hover{color:#15242b;background:#e1ebef}.launch-button,.launch-state{justify-self:end}.launch-button{color:#fff;background:#c4572d;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-weight:700;display:inline-flex}.launch-state{color:#1f5b35;background:#e6f3ea;border:1px solid #9bc4ad;border-radius:8px;padding:9px 12px;font-weight:700}main{gap:26px;width:min(1180px,100% - 32px);margin:0 auto;padding:30px 0 56px;display:grid}.board,.driver-panel,.reports-panel{background:#f8fbfc;border:1px solid #d2dde3;border-radius:8px;gap:18px;padding:clamp(18px,4vw,28px);display:grid;box-shadow:0 18px 60px #29424e14}.section-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:#c4572d;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2{color:#14232a;margin-bottom:0}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04}h2{font-size:1.35rem}h3{margin-bottom:8px;font-size:1rem}p{color:#4f626b;line-height:1.6}.board-actions{gap:8px;display:flex}.icon-button{color:#214f59;cursor:pointer;background:#fff;border:1px solid #ccd8de;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:#edf4f6;border-color:#9fb1ba}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:#fff;border:1px solid #d6e1e5;border-left:4px solid #71838c;border-radius:8px;min-height:96px;padding:16px}.metric span,.metric strong{display:block}.metric span{color:#5b6d75;font-size:.86rem}.metric strong{color:#172026;margin-top:12px;font-size:2rem}.metric--warning{border-left-color:#d69e2e}.metric--critical{border-left-color:#c4572d}.metric--good{border-left-color:#2f855a}.trip-list{gap:12px;display:grid}.empty-state{text-align:center;background:#f2f7f8;border:1px dashed #b9c8cf;border-radius:8px;place-items:center;min-height:260px;padding:34px;display:grid}.empty-state svg{color:#527682}.empty-state h2{margin:16px 0 8px}.empty-state p{width:min(600px,100%);margin-bottom:0}.trip-card{background:#fff;border:1px solid #d6e1e5;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(360px,1.2fr);gap:16px;padding:16px;display:grid}.reference{color:#c4572d;font-size:.78rem;font-weight:800}.trip-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.trip-card dt{color:#667983;font-size:.75rem}.trip-card dd{margin:4px 0 0;font-weight:700}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workflow-grid article{background:#fff;border:1px solid #d6e1e5;border-radius:8px;min-height:176px;padding:18px}.workflow-grid svg{color:#214f59}.reports-panel{grid-template-columns:minmax(190px,.6fr) minmax(280px,1fr);align-items:center}.reports-panel p{margin-bottom:0}@media (width<=860px){.app-header{grid-template-columns:1fr}.top-nav{justify-content:start}.launch-button,.launch-state{justify-self:start}.metric-grid,.workflow-grid,.reports-panel,.trip-card{grid-template-columns:1fr}}@media (width<=560px){main{width:min(100% - 20px,1180px);padding-top:16px}.board,.driver-panel,.reports-panel{padding:16px}.section-heading{display:grid}.board-actions{flex-wrap:wrap}}
