:root{--navy:#071b34;--navy2:#0d2948;--blue:#1769e8;--blue2:#eaf2ff;--text:#15243a;--muted:#718096;--line:#e4eaf2;--bg:#f4f7fb;--red:#e5484d;--orange:#f08a24;--yellow:#e9b323;--green:#19a974;--shadow:0 8px 24px rgba(15,39,67,.07)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{background:linear-gradient(180deg,#081d36,#07172a);color:#d8e5f7;padding:22px 16px;position:fixed;left:0;top:0;bottom:0;width:264px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 20px}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#1f78ff,#0a3996);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 0 0 5px rgba(37,115,255,.13)}.brand b{font-size:23px;color:#fff;display:block}.brand small,.workspace small,.operator small{display:block;color:#8399b6;font-size:11px;letter-spacing:.08em}.workspace{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:13px;border-radius:12px;display:flex;align-items:center;gap:10px;margin:0 6px 18px}.status-dot{width:8px;height:8px;border-radius:50%;background:#3ad798;box-shadow:0 0 0 4px rgba(58,215,152,.13)}nav{flex:1;overflow:auto;padding-right:2px}nav p{text-transform:uppercase;color:#627b9b;font-weight:700;font-size:11px;letter-spacing:.12em;padding:11px 13px 5px;margin:0}nav button{width:100%;border:0;background:transparent;color:#b9cbe1;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;margin:2px 0;cursor:pointer}nav button:hover{background:rgba(255,255,255,.055);color:#fff}nav button.active{background:linear-gradient(90deg,rgba(34,112,227,.28),rgba(23,105,232,.1));color:#fff;box-shadow:inset 3px 0 #3484ff}nav i{font-style:normal;width:24px;text-align:center;color:#9eb5d1;font-weight:700}nav em{font-style:normal;margin-left:auto;padding:2px 7px;border-radius:10px;background:#173b62;color:#9fc8ff;font-size:11px}.danger{background:#512532!important;color:#ff9fa6!important}.operator{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0}.operator>span{background:#255ca1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800}.operator b{font-size:12px;color:#fff}.operator i{margin-left:auto}.app-shell main{grid-column:2;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:24px;position:sticky;top:0;z-index:2}.breadcrumb{white-space:nowrap;color:#738197}.breadcrumb b{color:var(--text)}.search{background:#f4f6f9;border:1px solid #edf0f4;height:40px;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 13px;max-width:460px;flex:1;color:#77869a}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.top-actions{margin-left:auto;display:flex;gap:8px}.top-actions button,.btn{border:1px solid #dce4ef;background:#fff;color:#465974;border-radius:8px;padding:9px 13px;cursor:pointer}.top-actions .primary,.primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.icon-btn{width:38px;padding:0!important}.notify{position:relative}.notify i{position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;right:7px;top:7px}.view{padding:24px 28px 60px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.page-intro h1{font-size:25px;margin:0 0 6px}.page-intro p{margin:0;color:var(--muted)}.date-chip{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px;color:#52647d}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-24px;top:-24px;width:80px;height:80px;background:var(--blue2);border-radius:50%}.metric .kicker{color:#76869a;font-size:12px}.metric strong{display:block;font-size:27px;margin:8px 0 3px}.metric small{color:var(--muted)}.metric .up{color:var(--red)}.metric .good{color:var(--green)}.command-grid{display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(370px,.9fr);gap:18px}.stack{display:grid;gap:18px;align-content:start}.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.card-head h2{font-size:17px;margin:0}.card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.card-head>a,.card-head button{margin-left:auto;color:var(--blue);border:0;background:none;cursor:pointer}.queue{padding:0 18px}.queue-row{display:grid;grid-template-columns:98px 1fr 92px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.queue-row:last-child{border:0}.queue-row:hover h3{color:var(--blue)}.risk-pill{display:inline-flex;width:max-content;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:800}.critical{color:#d52e38;background:#ffe9eb}.high{color:#d96413;background:#fff0e5}.medium{color:#a87700;background:#fff6cf}.low{color:#128f63;background:#e5f8f0}.queue-row h3{margin:0 0 6px;font-size:15px}.queue-row p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row time{text-align:right;color:#78879a;font-size:12px}.mini-map{position:relative;height:285px;background:linear-gradient(145deg,#092847,#071b32);overflow:hidden}.world{position:absolute;inset:18px 30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 470'%3E%3Cpath fill='%232a5375' d='M70 146l46-49 89-21 68 18 28 41-27 40-67 8-23 64-37-12-24-51-49-9zm276-53 69-40 100-8 68 34-21 40-57 2-15 34-43-5-40-31-53 7zm197 65 89-34 117 18 35 48-50 42-63 7-18 87-43 66-58-29-19-92-48-45 18-57zm-112 89 55-19 25 59-13 90-44 25-31-46-13-64zm391 161 57-50 73 15-7 56-68 14z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.95}.radar{position:absolute;width:170px;height:170px;border:1px solid rgba(73,164,255,.34);border-radius:50%;left:52%;top:39%;transform:translate(-50%,-50%)}.radar:before,.radar:after{content:"";position:absolute;border:1px solid rgba(73,164,255,.26);border-radius:50%;inset:30px}.radar:after{inset:64px}.sweep{position:absolute;left:50%;top:50%;width:150px;height:150px;transform-origin:0 0;background:conic-gradient(from 0deg,rgba(43,155,255,.0),rgba(43,155,255,.22),transparent 22%);animation:sweep 4s linear infinite}.pulse{position:absolute;width:12px;height:12px;background:#ff4b55;border-radius:50%;box-shadow:0 0 0 0 rgba(255,75,85,.6);animation:pulse 2s infinite}.p1{left:69%;top:53%}.p2{left:77%;top:62%;animation-delay:.5s}.p3{left:55%;top:38%;animation-delay:.9s}.p4{left:22%;top:46%;background:#ff9d28;animation-delay:.3s}.p5{left:44%;top:62%;background:#f2c025;animation-delay:1.2s}@keyframes pulse{70%{box-shadow:0 0 0 20px rgba(255,75,85,0)}}@keyframes sweep{to{transform:rotate(360deg)}}.map-legend{position:absolute;bottom:12px;left:18px;background:rgba(1,13,26,.8);color:#adc2da;padding:8px 11px;border-radius:8px;font-size:11px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 10px}.timeline{padding:8px 18px 15px}.alert-item{display:grid;grid-template-columns:55px 16px 1fr;gap:8px;padding:12px 0;position:relative}.alert-item:after{content:"";position:absolute;left:62px;top:27px;bottom:-12px;width:1px;background:#dce5f0}.alert-item:last-child:after{display:none}.alert-item time{color:#7a899d}.alert-item>i{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:5px;box-shadow:0 0 0 4px #e7f0ff}.alert-item.urgent>i{background:var(--red);box-shadow:0 0 0 4px #ffe9eb}.alert-item b{display:block;font-size:13px;margin-bottom:4px}.alert-item small{color:var(--muted)}.alert-item.urgent b,.alert-item.urgent time{color:var(--red)}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px 18px;gap:9px}.country{border:1px solid var(--line);padding:12px;border-radius:9px}.country b{display:block}.country span{font-size:11px;color:var(--muted)}.country em{display:block;font-style:normal;font-weight:800;margin-top:8px}.country em.red{color:var(--red)}.country em.orange{color:var(--orange)}.country em.green{color:var(--green)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px}.quick-actions button{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;padding:14px 7px;color:#32455e;cursor:pointer}.quick-actions button:hover{border-color:#b7d0f8;color:var(--blue);background:#f4f8ff}.drawer{position:fixed;right:0;top:0;bottom:0;width:510px;background:#fff;z-index:10;box-shadow:-16px 0 40px rgba(9,28,53,.2);padding:22px 25px;transform:translateX(102%);transition:.25s;overflow:auto}.drawer.open{transform:none}.scrim{position:fixed;inset:0;background:rgba(5,20,38,.28);z-index:9;display:none}.scrim.show{display:block}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head>div{display:flex;gap:10px;align-items:center}.drawer-head button{font-size:26px;border:0;background:none;cursor:pointer}.drawer h2{font-size:22px;line-height:1.45}.drawer-lead{color:#61728a;line-height:1.75}.confidence{border:1px solid var(--line);padding:13px;border-radius:9px;display:grid;grid-template-columns:1fr auto;gap:8px}.confidence div{height:7px;border-radius:5px;background:#edf1f6;grid-column:1/3}.confidence i{display:block;height:100%;background:linear-gradient(90deg,#20b982,#f3b322,#e64b4f);border-radius:5px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:14px 0}.meta-grid span{background:#fff;padding:12px}.meta-grid small{display:block;color:var(--muted);margin-bottom:5px}.red{color:var(--red)}.drawer h3{font-size:14px;margin-top:22px}.drawer h3 button{float:right;border:0;background:none;color:var(--blue)}.steps{list-style:none;padding:0}.steps li{padding:9px 10px 9px 28px;position:relative;color:#8693a5}.steps li:before{content:"";position:absolute;left:6px;top:12px;width:9px;height:9px;border-radius:50%;border:2px solid #ccd5e1}.steps .done{color:#34475f}.steps .done:before{background:var(--green);border-color:var(--green)}.steps .current{background:#edf4ff;border-radius:7px;color:var(--blue);font-weight:700}.steps .current:before{background:var(--blue);border-color:var(--blue)}.steps small{float:right;font-weight:400}.evidence{display:grid;grid-template-columns:1fr auto;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px}.evidence span{font-size:11px;color:var(--muted)}.evidence em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--green);font-size:12px}.drawer-actions{display:flex;gap:8px;position:sticky;bottom:-22px;background:#fff;padding:15px 0 22px}.drawer-actions button{border:1px solid #d7e0eb;background:#fff;border-radius:8px;padding:10px;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:#102943;color:#fff;padding:11px 18px;border-radius:8px;opacity:0;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.placeholder{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px;box-shadow:var(--shadow)}.placeholder h2{margin-top:0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.module b{font-size:16px}.module p{color:var(--muted);line-height:1.7}.module button{border:0;background:#edf4ff;color:var(--blue);padding:8px 11px;border-radius:7px}
@media(max-width:1180px){.metric-grid{grid-template-columns:1fr 1fr}.command-grid{grid-template-columns:1fr}.sidebar{width:224px}.app-shell{grid-template-columns:224px 1fr}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{display:none}.app-shell{display:block}.topbar{padding:0 14px}.breadcrumb,.top-actions button:not(.primary){display:none}.view{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.command-grid{display:block}.stack{margin-bottom:14px}.country-grid{grid-template-columns:1fr 1fr}.drawer{width:100%}.module-grid{grid-template-columns:1fr}.queue-row{grid-template-columns:75px 1fr}.queue-row time{display:none}}