@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#10213d;font-synthesis:none;--navy:#0b1730;--ink:#10213d;--muted:#738096;--line:#1f324f1f;--sand:#e7deca;--paper:#fbfaf6;--cyan:#2dd4bf;--violet:#8b5cf6;--coral:#fb6b56;--green:#9ac46b;--amber:#d6a842;background:#f4f0e8;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:#f4f0e8;min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:2px;outline:3px solid #2dd4bf8c}.app-shell{background:#f4f0e8;min-height:100vh}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 30px;display:flex}.brand-lockup{align-items:center;gap:11px;min-width:230px;display:flex}.brand-mark{color:#f8fffc;border:1px solid #ffffff47;border-radius:11px;place-items:center;width:35px;height:35px;font:700 21px Space Grotesk;display:grid;position:relative}.brand-mark i{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute;top:-3px;right:-3px}.brand-name{letter-spacing:-.04em;font:700 19px Space Grotesk}.brand-name span{color:var(--cyan)}.brand-sub,.eyebrow,.kicker{letter-spacing:.14em;text-transform:uppercase;font:500 9px DM Mono,monospace}.brand-sub{color:#8793a9;margin-top:3px}.topbar-center{color:#9ba9be;align-items:center;gap:9px;font:500 11px DM Mono;display:flex}.live-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 4px #2dd4bf21, 0 0 14px var(--cyan);border-radius:50%;display:inline-block}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button,.menu-button{color:#a8b6c9;background:0 0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.icon-button:hover,.menu-button:hover{color:#fff;background:#ffffff14}.notification b{background:var(--coral);color:#fff;border-radius:50%;place-items:center;min-width:15px;height:15px;font:700 9px DM Mono;display:grid;position:absolute;top:-2px;right:-1px}.operator{color:#a8b6c9;background:#ffffff12;border-radius:12px;align-items:center;gap:8px;margin-left:6px;padding:5px 8px 5px 5px;display:flex}.avatar{color:#e8ffff;background:#377a79;border-radius:8px;place-items:center;width:26px;height:26px;font:600 10px DM Mono;display:grid}.operator-copy{text-align:left;gap:1px;display:grid}.operator-copy strong{color:#f3f6fa;font-size:11px}.operator-copy small{color:#8190a7;font-size:9px}.menu-button{display:none}.workspace{grid-template-columns:190px minmax(0,1fr) 330px;min-height:calc(100vh - 152px);display:grid}.layer-rail{border-right:1px solid var(--line);background:#ede8dc;flex-direction:column;padding:26px 15px 15px;display:flex}.rail-heading{color:#8390a0;letter-spacing:.13em;justify-content:space-between;padding:0 9px 16px;font:500 10px DM Mono;display:flex}.layer-list{flex-direction:column;gap:3px;display:flex}.layer-chip{text-align:left;color:#738096;background:0 0;border-radius:9px;align-items:center;gap:9px;padding:9px 8px;font-size:11px;transition:all .2s;display:flex}.layer-chip:hover{color:var(--ink);background:#ffffff8c}.layer-chip.is-on{color:var(--ink);background:#ffffff6e}.layer-chip svg{opacity:.38;margin-left:auto}.layer-index{background:color-mix(in srgb, var(--layer-color), white 69%);width:21px;height:21px;color:var(--layer-color);border-radius:6px;place-items:center;font:500 10px DM Mono;display:grid}.layer-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail-footer{color:#8a95a4;gap:18px;margin-top:auto;padding:15px 8px 5px;display:grid}.help-button{color:#707c8d;background:0 0;align-items:center;gap:8px;font-size:10px;display:flex}.version{color:#adb2b9;font:9px DM Mono}.map-column{min-width:0;padding:28px 26px 25px}.map-toolbar,.map-card-head,.map-card-foot,.route-strip,.selected-card-top,.panel-head,.block-title,.panel-footer,.flow-bar,.flow-actions{justify-content:space-between;align-items:center;display:flex}.map-toolbar{margin-bottom:18px}.kicker{color:#8490a0;margin:0 0 7px}.map-toolbar h1{letter-spacing:-.045em;color:var(--navy);margin:0;font:600 clamp(25px,2.4vw,35px) Space Grotesk}.map-toolbar h1 em{color:#8193a1;font-style:normal}.toolbar-actions{gap:7px;display:flex}.soft-button,.outline-button,.primary-button{border-radius:9px;align-items:center;gap:7px;font-size:11px;transition:all .2s;display:inline-flex}.soft-button{color:#677588;background:#ece8de;padding:9px 11px}.soft-button:hover{color:var(--ink);background:#fff}.soft-button.active{color:#208c7c;background:#d9ede4}.soft-button.only-icon{padding:9px}.pulse-dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor, transparent 77%);background:currentColor;border-radius:50%}.map-card{background:var(--sand);border:1px solid #554f3929;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px #3e372814}.map-card-head{border-bottom:1px solid #3c3f311c;padding:12px 15px}.map-legend,.map-meta,.map-card-foot{color:#6d756b;align-items:center;gap:12px;font:10px DM Mono;display:flex}.map-meta{gap:13px}.map-meta span{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:-7px;display:inline-block}.legend-dot.route{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.legend-dot.service{background:var(--violet)}.legend-dot.risk{background:var(--coral)}.map-canvas{background-color:#e7deca;background-image:radial-gradient(#48544d2b .7px,#0000 .7px);background-size:7px 7px;height:min(57vh,515px);min-height:400px;position:relative;overflow:hidden}.map-grid{opacity:.21;background-image:linear-gradient(#364c4829 1px,#0000 1px),linear-gradient(90deg,#364c4829 1px,#0000 1px);background-size:12% 20%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000);mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000)}.route-lines{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.route-line{stroke-width:1.3px;vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round}.route-line.complete{stroke:#5fa99a;stroke-dasharray:0}.route-line.active{stroke:#21b8aa;stroke-width:2.5px;filter:drop-shadow(0 0 4px #2dd4bf80);animation:2.4s infinite routePulse}.route-line.attention{stroke:var(--coral);stroke-dasharray:3 2}.route-line.planned{stroke:#8b5cf6;stroke-dasharray:2 3;opacity:.6}.ghost-line{stroke:#71674570;fill:none;stroke-width:.7px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.compass{color:#758274;text-align:center;font:600 10px DM Mono;position:absolute;top:16px;left:17px}.compass span{color:#6d877a;font-size:28px;line-height:25px;display:block}.geo-label{color:#3f534c59;letter-spacing:.12em;font:600 11px DM Mono;position:absolute;transform:rotate(-9deg)}.geo-label.north{top:14%;left:34%}.geo-label.west{font-size:9px;bottom:16%;left:13%;transform:rotate(-24deg)}.route-badge{color:#415d61;background:#fbfaf6d6;border:1px solid #474c4029;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font:500 8px DM Mono;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #292f231f}.route-badge span{color:#9b8570}.map-node{z-index:2;background:0 0;justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.node-core{color:#effcf7;background:#377a79;border:2px solid #d8efe3;border-radius:50%;place-items:center;width:26px;height:26px;font:600 17px DM Mono;transition:all .2s;display:grid;box-shadow:0 0 0 3px #32746a2b,0 4px 13px #26443e40}.map-node.hub .node-core{background:var(--navy);width:38px;height:38px;color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 6px #2dd4bf21,0 0 20px #2dd4bf4d}.map-node.store .node-core{background:#a7894c}.map-node.carrier .node-core{background:#3d6f91}.map-node.hotel .node-core{background:#8b5cf6}.map-node.attention .node-core{border-color:var(--coral);box-shadow:0 0 0 4px #fb6b562e,0 0 15px #fb6b5659}.map-node.planned .node-core{opacity:.68}.map-node.selected .node-core{transform:scale(1.17)}.node-orbit{opacity:0;border:1px dashed #4c776a6b;border-radius:50%;width:47px;height:47px;position:absolute}.map-node.selected .node-orbit{opacity:1;animation:6s linear infinite orbit}.node-label{color:#314e4e;white-space:nowrap;background:#faf8efe0;border:1px solid #49534526;border-radius:5px;margin-top:7px;padding:4px 6px;font:600 9px DM Sans;box-shadow:0 2px 8px #37362a14}.node-label small{color:#87908a;margin-top:2px;font:8px DM Mono;display:block}.map-stamp{color:#8b8064;opacity:.65;border:1px solid #968a6e;border-radius:50%;align-content:center;place-items:center;width:51px;height:51px;display:grid;position:absolute;bottom:15px;right:17px;transform:rotate(-12deg)}.map-stamp span{font:700 16px Space Grotesk}.map-stamp small{font:8px DM Mono}.map-card-foot{border-top:1px solid #3c3f311c;flex-wrap:wrap;justify-content:flex-start;gap:18px;padding:11px 15px}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.status-dot.green{background:var(--green)}.status-dot.amber{background:var(--amber)}.status-dot.violet{background:var(--violet)}.reset-map{color:#708077;background:0 0;align-items:center;gap:5px;margin-left:auto;font:10px DM Mono;display:flex}.route-strip{border:1px solid var(--line);background:#fbfaf6;border-radius:12px;gap:12px;margin-top:13px;padding:12px 15px}.route-strip-title{align-items:center;gap:9px;min-width:160px;display:flex}.section-number{width:27px;height:27px;color:var(--violet);background:#eee7fb;border-radius:8px;place-items:center;font:500 10px DM Mono;display:grid}.route-strip-title strong{font:600 13px Space Grotesk}.route-stops{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.route-stops span{color:#9aa3ae;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.route-stops i{background:#eef0f0;border-radius:50%;place-items:center;width:18px;height:18px;font:9px DM Mono;display:grid}.route-stops .visited{color:#3d8178}.route-stops .visited i{background:#d8eee5}.route-stops .current{color:var(--ink);font-weight:600}.route-stops .current i{background:var(--cyan);color:#0b3b3a}.route-stops b{color:#b7bdc1;font-weight:400}.outline-button{border:1px solid var(--line);color:#647386;white-space:nowrap;background:0 0;padding:8px 10px}.outline-button:hover{border-color:var(--cyan);color:#217e74}.detail-panel{border-left:1px solid var(--line);background:#fbfaf6;flex-direction:column;min-width:0;padding:27px 21px 17px;display:flex}.panel-head{align-items:flex-start}.panel-head h2{letter-spacing:-.035em;margin:0;font:600 20px Space Grotesk}.status-pill{color:#398b73;vertical-align:3px;background:#e0f2e8;border-radius:20px;align-items:center;gap:5px;margin-left:4px;padding:4px 7px;font:500 9px DM Mono;display:inline-flex}.status-pill span{background:#43b188;border-radius:50%;width:5px;height:5px}.more-dots{gap:3px;padding:5px;display:flex}.more-dots i{background:#8290a0;border-radius:50%;width:3px;height:3px}.mission-summary{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:19px 0 17px;display:flex}.mission-icon{color:#328b83;background:#d9eeeb;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.mission-summary strong{font:600 13px Space Grotesk}.mission-summary p{color:#8a95a3;margin:4px 0 0;font-size:10px}.progress-ring{width:42px;height:42px;margin-left:auto;position:relative}.progress-ring svg{width:42px;height:42px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#e7e8e4;stroke-width:4px}.progress-ring circle.progress{stroke:var(--cyan);stroke-linecap:round}.progress-ring span{color:#257e78;place-items:center;font:600 9px DM Mono;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.selected-card{background:#f0ece1;border:1px solid #38464117;border-radius:11px;margin-top:17px;padding:13px}.selected-card-top{margin-bottom:9px}.selected-card-top .kicker{margin:0;font-size:8px}.node-state{color:#527e72;background:#dcefe5;border-radius:12px;padding:4px 6px;font:500 8px DM Mono}.node-state.attention{color:#a44d41;background:#fde2db}.node-state.planned{color:#7152a5;background:#eee6fc}.selected-card h3{margin:0;font:600 17px Space Grotesk}.selected-card p{color:#7b867f;margin:5px 0 12px;font-size:10px}.selected-card code{color:#5e776f;font:9px DM Mono}.node-stats{color:#687c76;gap:12px;font:9px DM Mono;display:flex}.node-stats span{align-items:center;gap:4px;display:flex}.panel-block{margin-top:21px}.block-title{color:#89939e;letter-spacing:.1em;font:500 9px DM Mono}.block-title svg{color:var(--violet)}.text-button{color:#5e9a8c;background:0 0;align-items:center;gap:4px;font:10px DM Mono;display:flex}.action-card{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:31px 1fr 26px;align-items:center;gap:9px;margin-top:9px;padding:10px;display:grid}.action-icon{width:30px;height:30px;color:var(--coral);background:#fce7df;border-radius:8px;place-items:center;display:grid}.action-card strong{font-size:11px}.action-card p{color:#6e7b87;margin:2px 0;font-size:9px;line-height:1.35}.action-card small{color:#9ca6ad;font:8px DM Mono}.mini-arrow{color:#37917e;background:#eef6f2;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.signal-list{margin-top:7px}.signal{border-bottom:1px solid #23354b12;grid-template-columns:9px 1fr auto;align-items:start;gap:8px;padding:9px 0;display:grid}.signal-icon{background:var(--cyan);border-radius:50%;width:7px;height:7px;margin-top:5px}.signal-icon.attention{background:var(--coral)}.signal-icon.success{background:var(--green)}.signal strong{font-size:10px}.signal p{color:#7b8792;margin:3px 0 0;font-size:9px;line-height:1.3}.signal time{color:#a4adb5;white-space:nowrap;font:8px DM Mono}.brief-block{background:#f3f0e7;border-radius:9px;padding:11px}.brief-block p{color:#69777c;margin:9px 0 0;font-size:10px;line-height:1.5}.panel-footer{border-top:1px solid var(--line);color:#9aa4aa;margin-top:auto;padding-top:18px;font:8px DM Mono}.panel-footer span:first-child{color:#4d9989;align-items:center;gap:6px;display:flex}.flow-bar{background:var(--navy);color:#fff;gap:24px;min-height:80px;padding:14px 30px 13px 221px}.flow-label{min-width:150px}.flow-label .kicker{color:#708096;margin-bottom:5px}.flow-label strong{font:600 12px Space Grotesk}.flow-track{flex:1;justify-content:center;align-items:center;gap:0;display:flex}.flow-step{color:#78879e;align-items:center;gap:7px;display:flex}.flow-step>i{background:#32435d;width:25px;height:1px;margin:0 5px}.flow-dot{color:#8290a4;border:1px solid #53627a;border-radius:50%;place-items:center;width:22px;height:22px;font:9px DM Mono;display:grid}.flow-step.done .flow-dot{color:var(--flow-color);border-color:var(--flow-color);background:color-mix(in srgb, var(--flow-color), transparent 84%)}.flow-step.current{color:#effaf7}.flow-step.current .flow-dot{color:#0b2730;border-color:var(--flow-color);background:var(--flow-color);box-shadow:0 0 0 4px #2dd4bf24}.flow-step b{font:500 9px DM Mono;display:block}.flow-step small{color:#77869d;white-space:nowrap;margin-top:2px;font-size:8px;display:block}.flow-actions{gap:8px}.primary-button{background:var(--cyan);color:#082c32;padding:10px 12px;font-weight:600}.primary-button:hover{background:#68e2cf}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071022b8;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.board-modal{background:var(--paper);border-radius:15px;width:min(850px,100%);padding:18px;box-shadow:0 30px 80px #00000059}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.modal-head h2{margin:0;font:600 22px Space Grotesk}.board-modal img{object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:9px;width:100%;max-height:62vh;display:block}.board-modal p:last-child{color:#6e7b87;margin:12px 3px 0;font-size:11px;line-height:1.5}@keyframes routePulse{0%,to{opacity:.74}50%{opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:1180px){.workspace{grid-template-columns:165px minmax(0,1fr) 295px}.layer-chip{font-size:10px}.map-column{padding-inline-start:18px;padding-inline-end:18px}.flow-bar{padding-left:183px}.flow-step small{display:none}.route-stops{gap:4px}.route-stops span{gap:4px;font-size:9px}.route-stops b{display:none}}@media (max-width:900px){.topbar-center{display:none}.workspace{min-height:auto;display:block}.layer-rail{z-index:10;width:220px;transition:transform .25s;position:fixed;top:72px;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 25px #00000024}.layer-rail.open{transform:translate(0)}.menu-button{display:grid}.map-column{padding:23px 17px}.detail-panel{border-left:0;border-top:1px solid var(--line);padding:23px 17px}.panel-footer{margin-top:23px}.flow-bar{flex-wrap:wrap;gap:15px;padding:15px 17px}.flow-label{min-width:auto}.flow-track{flex-basis:100%;order:3;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.flow-actions{margin-left:auto}.flow-step>i{width:13px}.map-canvas{height:480px}}@media (max-width:580px){.topbar{height:64px;padding:0 14px}.brand-lockup{min-width:auto}.brand-sub,.operator{display:none}.topbar-actions{margin-left:auto}.map-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.toolbar-actions{width:100%}.toolbar-actions .soft-button:first-child{margin-left:auto}.map-card-head{flex-direction:column;align-items:flex-start;gap:8px}.map-meta{justify-content:space-between;width:100%}.map-canvas{height:58vh;min-height:390px}.geo-label{font-size:8px}.geo-label.north{left:28%}.map-node .node-label{font-size:8px}.route-strip{flex-direction:column;align-items:flex-start}.route-stops{justify-content:flex-start;width:100%;padding:3px 0 4px;overflow-x:auto}.route-strip .outline-button{align-self:flex-end}.map-card-foot{gap:9px;font-size:9px}.reset-map{width:100%;margin-left:0}.flow-actions{width:100%}.flow-actions .primary-button{flex:1;justify-content:center}.flow-step{min-width:max-content}.detail-panel{padding-bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}