@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#071f2a;background:#f3f6f7;font-synthesis:none;--navy: #071f2a;--cyan: #55d4f2;--border: #d8e1e5;--muted: #65757d;--surface: #f3f6f7;--danger: #d94b4b}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--navy);color:#fff;padding:24px 14px 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:30}.brand{display:flex;flex-direction:column;gap:6px;padding:0 12px 24px}.wordmark{font-size:31px;line-height:1;font-weight:800;letter-spacing:-.08em;color:var(--cyan)}.wordmark.fleet{font-size:18px;letter-spacing:.09em;line-height:30px}.brand p{margin:0;color:#91a6af;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.mobileClose{display:none}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{height:40px;border:0;border-radius:8px;background:transparent;color:#e3eef2;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;font-size:13px;font-weight:650;cursor:pointer;width:100%}.nav:hover{background:#ffffff0f}.nav.active{background:var(--cyan);color:var(--navy);font-weight:800}.owner{display:flex;align-items:center;gap:12px;padding:14px 12px;border-top:1px solid #294652}.owner span{display:flex;flex-direction:column;font-size:12px}.owner small{color:#91a6af;margin-top:2px}.content{padding-left:232px;min-width:0}.content>header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:20}.content header p{margin:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em}.content header h1{margin:2px 0 0;font-size:19px}.ownerBadge{margin-left:auto;border:1px solid #bcecf6;background:#eefbfe;color:#075e73;border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.menuBtn{display:none}main{padding:20px 24px 30px;max-width:1600px;margin:auto}.error{background:#fff0f0;border:1px solid #f5bcbc;color:#9d2626;border-radius:10px;padding:11px 14px;margin-bottom:12px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.error button{border:0;background:none;color:inherit}.brief{background:var(--navy);color:#fff;border-radius:18px;padding:25px 28px;display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.brief:after{content:"";position:absolute;width:260px;height:260px;border:46px solid rgba(85,212,242,.12);border-radius:50%;right:120px;top:-150px}.eyebrow{color:#1b869e;font-size:9px;font-weight:800;letter-spacing:.16em}.brief .eyebrow{color:var(--cyan)}.brief h2{font-size:27px;margin:5px 0;letter-spacing:-.04em}.brief p{max-width:700px;margin:0;color:#b9cbd2;font-size:12px;line-height:1.6}.primary{border:0!important;background:var(--cyan)!important;color:var(--navy)!important;font-weight:800!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.brief .primary{height:40px;border-radius:10px;padding:0 16px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:10px;margin:12px 0}.metrics article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-items:end}.metrics span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metrics strong{font-size:25px;grid-row:1/3;grid-column:2}.metrics small{font-size:10px;color:var(--muted);margin-top:4px}.metrics .secure{background:#eaf9f3;color:#116340;display:flex;align-items:center;gap:12px}.secure span{display:flex;flex-direction:column;color:#116340;text-transform:none;letter-spacing:0}.secure small{color:#428167}.workspace{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.controlGrid{display:grid;grid-template-columns:1.35fr .85fr;gap:12px}.controlGrid>article{background:#fff;border:1px solid var(--border);border-radius:16px}.databaseCard{grid-column:1 / -1;min-height:102px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:15px;padding:18px 20px}.databaseCard h3,.distribution h3,.attentionCard h3,.healthHero h2{margin:3px 0 4px;font-size:16px}.databaseCard p,.healthHero p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.liveIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#087d9a;background:#e8f8fc}.connected{display:inline-flex;align-items:center;gap:7px;color:#14704d;background:#eaf8f1;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap}.connected i{width:7px;height:7px;border-radius:50%;background:#23a770;box-shadow:0 0 0 4px #23a7701f}.distribution,.attentionCard{padding:18px 20px}.sectionTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.sectionTitle button{border:0;background:transparent;color:#087d9a;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;cursor:pointer}.portalBars{display:grid;gap:10px}.portalBar{display:grid;grid-template-columns:150px 1fr 22px;align-items:center;gap:10px;font-size:10px}.portalBar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.portalBar>div{height:6px;border-radius:999px;background:#edf2f4;overflow:hidden}.portalBar i{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.portalBar b{text-align:right;font-size:11px}.attentionCard>button{width:100%;border:0;border-top:1px solid #e7edef;background:#fff;min-height:58px;padding:10px 3px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;color:var(--navy);cursor:pointer}.attentionCard>button>svg:first-child{color:#087d9a}.attentionCard>button span{display:flex;flex-direction:column;gap:3px}.attentionCard>button b{font-size:10px}.attentionCard>button small{color:var(--muted);font-size:9px}.routeDirectory{max-height:calc(100vh - 180px);overflow:auto}.routeRecord,.healthRow{min-height:72px;border-bottom:1px solid #e7edef;display:grid;grid-template-columns:38px 1.05fr 1.8fr auto auto;gap:13px;align-items:center;padding:11px 16px}.routeRecord:last-child,.healthRow:last-child{border-bottom:0}.routeState{border-radius:999px;background:#f2f4f5;color:#74838a;padding:5px 8px;font-size:8px;font-weight:800;text-transform:uppercase}.routeState.ready{background:#eaf8f1;color:#168358}.configure{height:32px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:9px;font-weight:800;cursor:pointer}.healthHero{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.healthHero h2{font-size:22px;letter-spacing:-.03em}.healthMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.healthMetrics article{min-height:86px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px}.healthMetrics article.warn{border-color:#f0d29c;background:#fffaf0;color:#986113}.healthMetrics article.good{color:#14704d}.healthMetrics span{display:flex;flex-direction:column}.healthMetrics b{font-size:22px;line-height:1}.healthMetrics small{color:var(--muted);font-size:9px;line-height:1.4;margin-top:5px}.healthRow{grid-template-columns:38px 1fr 1.5fr auto}.healthFlags{display:flex;flex-wrap:wrap;gap:5px}.healthFlags span{background:#fff4df;color:#986113;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(85,212,242,.4);outline-offset:2px}.tableHead{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.tableHead h3{margin:0;font-size:15px}.tableHead p{margin:3px 0 0;font-size:10px;color:var(--muted)}.search{height:36px;min-width:310px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.search input{border:0;outline:0;width:100%;font-size:11px}.people{max-height:600px;overflow:auto}.person{min-height:76px;border-bottom:1px solid #e7edef;display:grid;grid-template-columns:38px 1.2fr .75fr .9fr 1.5fr auto auto;align-items:center;gap:12px;padding:10px 16px}.person:last-child{border:0}.avatar{width:36px;height:36px;border-radius:11px;background:#e8f8fc;color:#087d9a;display:grid;place-items:center;font-weight:800;font-size:12px}.identity,.role,.department{display:flex;flex-direction:column;min-width:0}.identity b,.role b,.department b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity span,.department span{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role small,.department small{font-size:8px;color:#849299;font-weight:800;letter-spacing:.08em;margin-bottom:3px}.rail{display:flex;align-items:center;gap:3px;min-width:0}.rail>span{display:flex;align-items:center;gap:3px;background:#edf9f4;color:#16734e;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800;white-space:nowrap}.rail.empty{font-size:9px;color:#8a989e}.status{font-size:8px;font-weight:800;text-transform:uppercase;border-radius:999px;padding:5px 7px;background:#eaf8f1;color:#168358}.status.suspended{background:#fdecec;color:#b83131}.actions{display:flex;gap:5px}.actions button{height:31px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 9px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:5px}.loading{padding:45px;text-align:center;color:var(--muted);font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end}.modalScrim,.scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#071f2a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{position:relative;width:min(560px,94vw);height:100%;background:#fff;box-shadow:-25px 0 60px #0000002e;overflow:auto}.panel>header{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font-size:20px;margin:4px 0 0}.panel header button{border:0;background:#f0f4f5;width:34px;height:34px;border-radius:9px}.form,.routeEditor{padding:22px 24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field>span{font-size:10px;font-weight:800}.field input,.field select,.stage select{height:39px;border:1px solid var(--border);border-radius:9px;padding:0 11px;font-size:11px;background:#fff;color:var(--navy);outline:none}.field input:focus,.field select:focus,.stage select:focus{border-color:#26b8d8;box-shadow:0 0 0 3px #55d4f22e}.field input:disabled{background:#f3f5f6;color:#87949a}.panel footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}.panel footer button{height:39px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:0 14px;font-size:11px;font-weight:800}.routeHelp{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 14px}.stage{display:grid;grid-template-columns:32px 1fr 18px 1.25fr;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e7edef}.stageNo{width:29px;height:29px;border-radius:50%;background:var(--navy);color:var(--cyan);display:grid;place-items:center;font-size:9px;font-weight:800}.stage>div{display:flex;flex-direction:column}.stage b{font-size:11px}.stage small{font-size:8px;color:var(--muted);margin-top:3px}.stage select{width:100%}.automaticStages{margin-top:16px;border:1px solid #cfe9ef;border-radius:12px;background:#f4fbfd;overflow:hidden}.automaticStages>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:12px}.automaticStages>div+div{border-top:1px solid #dcecef}.automaticStages span:not(.autoIcon){display:flex;flex-direction:column;gap:3px}.automaticStages b{font-size:10px}.automaticStages small{color:var(--muted);font-size:8px;line-height:1.45}.autoIcon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#087d9a;background:#dff5fa}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.person{grid-template-columns:38px 1.2fr .8fr 1fr auto}.rail,.department{display:none}.controlGrid{grid-template-columns:1fr}.databaseCard{grid-column:auto}.healthMetrics{grid-template-columns:repeat(2,1fr)}.routeRecord{grid-template-columns:38px 1fr auto auto}.routeRecord .rail{display:none}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s;width:min(88vw,300px)}.sidebar.open{transform:none}.mobileClose{display:grid;position:absolute;right:15px;top:20px;border:0;background:#153844;color:#fff;width:36px;height:36px;place-items:center;border-radius:9px}.content{padding-left:0}.content>header{padding:0 14px}.menuBtn{display:grid;border:1px solid var(--border);background:#fff;width:36px;height:36px;place-items:center;border-radius:9px}.ownerBadge{font-size:0}.databaseCard{grid-template-columns:42px 1fr}.databaseCard .connected{grid-column:1 / -1;width:fit-content}.portalBar{grid-template-columns:110px 1fr 20px}.healthMetrics{grid-template-columns:1fr 1fr}.healthHero{align-items:flex-start;flex-direction:column;gap:14px}.routeRecord{grid-template-columns:38px 1fr auto}.routeRecord .routeState{display:none}.healthRow{grid-template-columns:38px 1fr auto}.healthFlags{grid-column:2 / -1}.configure{font-size:0;width:32px;padding:0}.brief{align-items:flex-start;gap:20px;flex-direction:column;padding:22px}.brief h2{font-size:23px}.metrics{grid-template-columns:1fr 1fr}.tableHead{align-items:stretch;flex-direction:column}.search{min-width:0}.person{grid-template-columns:38px 1fr auto;padding:11px}.role,.status{display:none}.actions button{font-size:0;width:32px;justify-content:center;padding:0}.two{grid-template-columns:1fr}.stage{grid-template-columns:32px 1fr}.stage>svg{display:none}.stage select{grid-column:2}.ownerBadge{padding:8px}.content header h1{font-size:16px}main{padding:14px}.scrim{z-index:25}}
