@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#dfe8f2;font-synthesis:none;--bg:#07111f;--panel:#0b1727;--panel2:#0e1c2e;--line:#1c2b3e;--muted:#8291a5;--text:#edf4fb;--accent:#67e8c3;--accent2:#38bdf8;background:#07111f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% -10%,#2974932e,#0000 32%),#07111f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#07111ff0;flex-direction:column;width:244px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;height:48px;margin-bottom:12px;padding:0 8px 18px;display:flex}.brand-mark{color:#06101b;background:linear-gradient(135deg,#5eead4,#7dd3fc);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 26px #5eead426}.brand strong{letter-spacing:-.2px;font-family:Manrope,sans-serif;font-size:15px;display:block}.brand span{letter-spacing:2px;color:#6f849d;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#8999ad;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:42px;padding:0 11px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#d9e4ef;background:#0d1b2d}.nav-item.active{color:#f1f7fc;background:#102238;box-shadow:inset 2px 0 #5eead4}.nav-item.active svg{color:#5eead4}.nav-item b{color:#70e8c7;background:#173447;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.system-card{background:#0b1929;border:1px solid #1d3044;border-radius:12px;margin-top:auto;padding:14px}.system-title{color:#d6e1ec;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.system-line{color:#a1b0c0;align-items:center;gap:8px;font-size:11px;display:flex}.system-line i,.live i{background:#46d7a4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #46d7a417}.system-line.warning i{background:#f8c969;box-shadow:0 0 0 4px #f8c96917}.system-card small{color:#52677e;margin-top:8px;font-size:9px;display:block}.workspace{grid-column:2}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#07111fe0;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.searchbox{color:#61768d;background:#0a1726;border:1px solid #1a2c40;border-radius:9px;align-items:center;gap:9px;width:min(480px,50vw);height:38px;padding:0 11px;display:flex}.searchbox input{color:#d9e4ef;background:0 0;border:0;outline:0;flex:1;font-size:12px}.searchbox input::placeholder{color:#5d7085}.searchbox kbd{color:#5d7188;border:1px solid #25364a;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:10px;display:flex}.ghost{color:#768aa0;background:#0a1726;border:1px solid #1d2d40;border-radius:8px;padding:8px 10px;font-size:10px}.ghost strong{color:#7be0c4;margin-left:4px}.avatar{color:#dce8f2;background:#10263a;border:1px solid #294156;border-radius:9px;width:34px;height:34px;font-size:11px;font-weight:700}.content{max-width:1500px;margin:auto;padding:41px 36px 60px}.headline-row{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.8px;color:#5d7691;margin:0 0 8px;font-size:9px;font-weight:700}.headline-row h1{letter-spacing:-1px;color:#f3f8fc;margin:0;font-family:Manrope,sans-serif;font-size:30px;line-height:1.15}.subhead{color:#778ba1;max-width:720px;margin:9px 0 0;font-size:13px}.primary{color:#07111f;cursor:pointer;background:linear-gradient(135deg,#5eead4,#57c8f0);border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;box-shadow:0 10px 28px #38bdf81c}.primary:disabled{opacity:.72;cursor:wait}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(#0d1a2b,#0a1625);border-radius:12px;min-height:124px;padding:16px;position:relative}.metric-icon{color:#6edfc4;background:#11263a;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.metric-number{color:#f1f7fc;letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:28px;font-weight:700}.metric-label{color:#a8b5c4;margin-top:3px;font-size:11px;font-weight:600}.metric-detail{color:#546c83;font-size:10px;position:absolute;bottom:15px;left:16px}.grid-two{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:15px;margin-bottom:15px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#0b1929,#091523);border-radius:13px;overflow:hidden}.panel-head{border-bottom:1px solid #18283a;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.panel-head h2{color:#e7eff7;letter-spacing:-.2px;margin:0;font-family:Manrope,sans-serif;font-size:14px}.status-chip{color:#7190a5;background:#0c1c2c;border:1px solid #20384a;border-radius:20px;padding:5px 9px;font-size:9px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:286px;padding:38px;display:flex}.empty-icon{color:#68dec1;background:#0e2032;border:1px solid #20374b;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:13px;display:grid}.empty-state strong{color:#dce7f0;font-family:Manrope,sans-serif;font-size:13px}.empty-state p{color:#61778d;max-width:470px;margin:7px 0 0;font-size:10px;line-height:1.65}.intelligence{min-height:360px}.intelligence .panel-head svg{color:#61788f}.signal-score{align-items:center;gap:15px;padding:22px 19px 15px;display:flex}.signal-score>span{color:#68e5c3;min-width:62px;font-family:Manrope,sans-serif;font-size:34px;font-weight:700}.signal-score strong{color:#dbe6ef;font-size:11px}.signal-score p{color:#637a91;margin:5px 0 0;font-size:10px;line-height:1.55}.signal-bars{padding:0 19px 17px}.signal-bars>div{grid-template-columns:1fr 42px;gap:4px;margin:12px 0;display:grid}.signal-bars span,.signal-bars strong{color:#70859a;font-size:9px}.signal-bars strong{text-align:right;color:#9cb0c2}.signal-bars i{background:#142537;border-radius:6px;grid-column:1/3;height:4px;overflow:hidden}.signal-bars b{background:linear-gradient(90deg,#4dd6b1,#4fb9df);border-radius:6px;height:100%;display:block}.insight{color:#5fd9b9;background:#2a7d6c14;border:1px solid #173a3b;border-radius:9px;gap:9px;margin:0 18px 18px;padding:12px;display:flex}.insight p{color:#718c92;margin:0;font-size:9px;line-height:1.5}.insight strong{color:#9ccfc3}.pipeline{padding-bottom:5px}.live{color:#7890a5;align-items:center;gap:8px;font-size:9px;display:flex}.pipeline-flow{justify-content:space-between;align-items:center;padding:22px 21px 26px;display:flex}.pipe-wrap{flex:1;align-items:center;display:flex}.pipe-step{min-width:100px}.pipe-step>div{color:#67dec1;background:#0e2133;border:1px solid #21374b;border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:9px;display:grid}.pipe-step strong,.pipe-step span{display:block}.pipe-step strong{color:#cdd8e3;font-size:10px}.pipe-step span{color:#536b82;margin-top:3px;font-size:8px}.connector{background:linear-gradient(90deg,#24435a,#17293b);flex:1;height:1px;margin:0 15px 25px -15px}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.pipeline-flow{overflow:auto}.pipe-wrap{min-width:160px}}@media (width<=760px){.shell{display:block}.sidebar{width:auto;height:auto;padding:14px;position:static}.sidebar nav,.system-card{display:none}.workspace{display:block}.topbar{padding:0 16px}.searchbox{width:72vw}.ghost{display:none}.content{padding:26px 15px}.headline-row{align-items:flex-start}.subhead{max-width:420px}.primary{display:none}.metrics{grid-template-columns:1fr 1fr}.pipeline-flow{padding-left:15px}}@media (width<=470px){.metrics{grid-template-columns:1fr}.empty-state{min-height:220px;padding:28px 20px}}