:root{--navy:#071d36;--navy2:#0b2949;--blue:#1267d8;--cyan:#12a9c8;--ink:#12263a;--muted:#6e7f90;--line:#dce5ed;--bg:#f3f6f8;--white:#fff;--green:#10835d;--greenbg:#e7f7f0;--amber:#aa6b00;--amberbg:#fff3d9;--red:#c63d43;--redbg:#fdebed}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,var(--navy),#06182c);color:white;padding:25px 18px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{font-weight:900;font-size:24px;letter-spacing:-2px}.brand span,.brand strong{display:block}.brand strong{font-size:15px}.brand span{font-size:11px;color:#8ba5bd;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#9fb3c6;display:flex;gap:11px;align-items:center;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:#153a5d;color:#fff}.powered{margin-top:auto;border-top:1px solid #22425f;padding:20px 8px 4px}.powered small,.powered span,.powered strong{display:block}.powered span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7893aa}.powered strong{font-size:18px;margin:4px 0 2px}.powered small{font-size:10px;color:#7893aa}.workspace{margin-left:248px;min-height:100vh;width:calc(100% - 248px)}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.search,.topbar{display:flex;align-items:center}.search{gap:9px;color:#8a99a8;font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{border:1px solid var(--line);background:white;border-radius:10px;width:38px;height:38px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-size:12px;font-weight:800}.live-pill{font-size:11px;color:var(--green);background:var(--greenbg);padding:7px 10px;border-radius:999px;font-weight:700}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.content{padding:34px;max-width:1500px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:31px;letter-spacing:-.04em;margin:4px 0 6px;color:#10283f}.page-head p{margin:0;color:var(--muted);font-size:14px;max-width:720px;line-height:1.55}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#678094}.eyebrow{gap:6px}.eyebrow,.primary{display:flex;align-items:center}.primary{border:0;background:var(--blue);color:white;padding:11px 15px;border-radius:10px;font-weight:700;font-size:12px;gap:7px;cursor:pointer}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 14px rgba(18,38,58,.035)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:1.45fr 1fr .9fr}.grid-2{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 1}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card h2{font-size:20px;margin:7px 0}.card h3{font-size:15px;margin:8px 0}.card p{font-size:12px;color:var(--muted);line-height:1.5}.status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:99px;background:#eef2f5;color:#687b8d;white-space:nowrap}.status.good{color:var(--green);background:var(--greenbg)}.status.warn{color:var(--amber);background:var(--amberbg)}.status.danger{color:var(--red);background:var(--redbg)}.route{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;margin:22px 0}.route>div:last-child{text-align:right}.route strong{display:block;font-size:26px}.route small,.route span{display:block;color:var(--muted);font-size:11px}.route-line{height:1px;background:#cfdbe5;position:relative;text-align:center}.route-line svg{background:white;color:var(--blue);transform:translateY(-50%);padding:0 8px;width:36px}.trip-meta{border-top:1px solid #edf1f4;padding-top:14px;display:flex;gap:16px;flex-wrap:wrap}.trip-meta span{gap:6px;color:#597084;font-size:11px}.health-card,.trip-meta span{display:flex;align-items:center}.health-card{gap:16px}.health-ring{--score:219deg;flex:0 0 118px;height:118px;border-radius:50%;background:conic-gradient(var(--amber) var(--score),#e9eef2 0);display:grid;place-items:center;position:relative}.health-ring:before{content:"";position:absolute;width:92px;height:92px;background:white;border-radius:50%}.health-ring>div{z-index:1;text-align:center}.health-ring strong{display:block;font-size:29px}.health-ring span{font-size:9px;color:var(--muted)}.link{border:0;background:none;padding:0;color:var(--blue);font-weight:700;align-items:center;cursor:pointer}.link,.policy-row{font-size:11px;display:flex}.policy-row{justify-content:space-between;padding:9px 0;border-top:1px solid #edf1f4}.policy-row strong{color:var(--blue)}.voice-card{background:linear-gradient(100deg,#0a2b4c,#123f6a);border-radius:14px;margin-bottom:16px;color:white;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 22px rgba(7,29,54,.13)}.voice-card.voice-live{box-shadow:0 0 0 2px rgba(18,169,200,.3),0 8px 26px rgba(7,29,54,.18)}.voice-copy{display:flex;flex-direction:column;gap:3px}.voice-copy .eyebrow{color:#78d4e5}.voice-copy strong{font-size:15px}.voice-copy>span:last-child{font-size:11px;color:#b8cadb}.voice-button{width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}.voice-button:disabled{opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 12px}.section-title h2{font-size:18px;margin:0}.section-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.section-title button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.timeline{background:white;border:1px solid var(--line);border-radius:14px;padding:7px 20px}.timeline-item{display:grid;grid-template-columns:15px 65px 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #eef2f5}.timeline-item:last-child{border:0}.timeline-item .dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#789}.timeline-item .dot.warn{background:var(--amber)}.timeline-item .dot.good{background:var(--green)}.timeline-item .dot.info{background:var(--blue)}.timeline-item .time{font-size:10px;color:#8a9aa8}.timeline-item strong{font-size:11px}.timeline-item p{font-size:10px;color:var(--muted);margin:3px 0}.segment{display:grid;grid-template-columns:42px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #edf1f4}.segment-icon{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:var(--blue);display:grid;place-items:center}.segment-icon svg{width:17px}.segment span,.segment strong{display:block}.segment strong{font-size:12px}.segment span{font-size:10px;color:var(--muted);margin-top:3px}.dependency{margin-top:20px}.dep-row{display:flex;justify-content:space-between;font-size:11px}.dep-line{height:25px;border-left:2px dotted #d7e1e9;margin-left:8px}.red{color:var(--red)}.scenario-buttons{display:flex;background:#e6edf3;padding:3px;border-radius:9px}.scenario-buttons button{border:0;background:transparent;padding:8px 11px;border-radius:7px;font-size:10px}.scenario-buttons button.active{background:white;box-shadow:0 2px 6px #cbd6df}.guardian-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:16px;gap:16px}.guardian-heading{display:grid;grid-template-columns:52px 1fr 118px;grid-gap:15px;gap:15px;align-items:center}.pulse-icon{width:48px;height:48px;border-radius:14px;background:#eef4f9;display:grid;place-items:center;color:var(--blue)}.pulse-icon.risk{color:var(--red);background:var(--redbg);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(198,61,67,.08)}}.pulse-icon.resolved{color:var(--green);background:var(--greenbg)}.agent-flow{margin-top:24px;border-top:1px solid #edf1f4}.flow-step{display:grid;grid-template-columns:28px 1fr 24px;grid-gap:10px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f4}.flow-step>span{width:24px;height:24px;border-radius:50%;background:#eef3f7;display:grid;place-items:center;font-size:10px;font-weight:800}.flow-step small,.flow-step strong{display:block}.flow-step strong{font-size:11px}.flow-step small{font-size:9px;color:var(--muted);margin-top:2px}.flow-step.done svg{color:var(--green)}.flow-step.ready{background:#f7fbff;margin:0 -20px;padding-left:20px;padding-right:20px}.flow-step.ready svg{color:var(--blue)}.chatlog{margin-top:16px;display:flex;flex-direction:column;gap:12px}.agent-msg{padding:11px;border-radius:10px}.agent-msg,.agent-msg b,.agent-msg p{font-size:10px}.agent-msg p{margin:4px 0 0}.agent-msg.bcd{background:#eaf3ff;margin-right:20px}.agent-msg.supplier{background:#f1f4f6;margin-left:20px}.resolution{text-align:center;padding:35px 30px}.big-check{width:56px;height:56px;margin:auto;border-radius:50%;background:var(--greenbg);color:var(--green);display:grid;place-items:center}.resolution h3{font-size:22px}.resolution p{max-width:600px;margin:0 auto}.metric-row{display:flex;justify-content:center;gap:15px;margin-top:25px}.metric-row span{background:#f6f8fa;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:10px}.metric-row strong{display:block;font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.stats div{padding:18px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span,.stats strong{display:block}.stats strong{font-size:22px}.stats span{font-size:9px;color:var(--muted);margin-top:3px}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.supplier-card{border:1px solid var(--line);background:white;border-radius:12px;padding:15px;display:grid;grid-template-columns:45px 1fr auto 20px;grid-gap:12px;gap:12px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.supplier-card:hover{border-color:#a8c7e8}.supplier-logo{width:43px;height:43px;border-radius:10px;background:#edf3f8;display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--navy)}.supplier-info small,.supplier-info span{font-size:9px;color:var(--muted)}.supplier-info h3{font-size:13px;margin:2px 0}.flywheel{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.flywheel-diagram{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.flywheel-diagram span{background:#edf5ff;color:#225e96;font-size:9px;font-weight:800;padding:9px;border-radius:8px}.health-bars{display:flex;gap:4px;margin-top:15px}.health-bars i{height:5px;flex:1 1;background:var(--green);border-radius:3px}.cap-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:15px}.cap-grid span{font-size:10px;background:#f5f8fa;border-radius:8px;padding:9px;display:flex;align-items:center;gap:6px}.cap-grid svg{color:var(--green)}.system-list>div{display:grid;grid-template-columns:34px 1fr auto;grid-gap:9px;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #edf1f4}.system-list svg{padding:7px;background:#edf5ff;color:var(--blue);border-radius:8px;width:32px;height:32px}.system-list small,.system-list strong{display:block}.system-list strong{font-size:10px}.system-list small{font-size:9px;color:var(--muted)}.system-list b{font-size:9px;color:var(--green)}.preference{display:grid;grid-template-columns:38px 1fr;grid-gap:10px;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf1f4}.preference svg{padding:9px;background:#edf5ff;color:var(--blue);width:36px;height:36px;border-radius:9px}.preference span,.preference strong{display:block}.preference span{font-size:9px;color:var(--muted)}.preference strong{font-size:11px;margin-top:2px}.policy-table>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #edf1f4;font-size:11px}.policy-table span{color:var(--muted)}@media(max-width:1100px){.grid-3{grid-template-columns:1fr 1fr}.autonomy-card{grid-column:span 2}.guardian-grid,.market-grid{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{width:72px;padding:20px 10px}.brand>div:last-child,.powered,.sidebar nav span{display:none}.brand{padding-left:6px}.sidebar nav button{justify-content:center}.workspace{margin-left:72px;width:calc(100% - 72px)}.content{padding:20px}.grid-2,.grid-3,.stats{grid-template-columns:1fr}.autonomy-card{grid-column:auto}.stats div{border-right:0;border-bottom:1px solid var(--line)}.page-head{flex-direction:column}.flywheel{grid-template-columns:1fr}.flywheel-diagram{justify-content:flex-start}.topbar{padding:0 18px}.search span{display:none}.guardian-heading{grid-template-columns:45px 1fr}.guardian-heading .health-ring{display:none}.market-grid{grid-template-columns:1fr}}