:root{color:#202c3f;background:#f2f5fa;font-size:13px;--blue:#1e63e9;--line:#e6ebf3}aside{width:224px;background:linear-gradient(180deg,#101f38,#152b48);padding:30px 18px}.brand{font-size:25px;letter-spacing:3px;padding-left:13px}.brand span{font-size:12px;color:#a9bedb;font-weight:400}.workspace{font-size:9px;letter-spacing:1.5px;padding-left:13px}.workspace small{font-size:11px;letter-spacing:0;color:#a0b4d0}nav h4{font-size:10px;color:#7c94b5;margin-top:25px}nav a{display:flex;align-items:center;gap:13px;font-size:12px;padding:12px 14px}nav a.active{background:linear-gradient(90deg,#2369e9,#225bc3);box-shadow:0 6px 16px #061c4333}nav a .nav-icon{font-size:16px;width:19px;text-align:center;opacity:.8}main{margin-left:224px;transition:margin .2s}header{height:72px;padding:0 30px;gap:15px;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #1a315005}.header-left,.header-right{display:flex;align-items:center;gap:14px}header select{border:0;font-weight:600;color:#283e59;padding-left:0}header input{width:190px;background:#f5f7fa;border:0;font-size:11px}button,select,input{border-radius:6px;font-size:12px}.icon-button{border:0;padding:8px;background:transparent;font-size:18px}.ai-button{background:#eef3ff;border-color:#dbe5ff;color:#245bd4;font-weight:600}.time-switch,.mode-switch{display:flex;background:#f1f4f9;border-radius:6px;padding:3px}.time-switch button,.mode-switch button{border:0;background:transparent;padding:6px 12px;color:#8994a5;font-size:11px}.time-switch .selected,.mode-switch .selected{background:white;color:#245fd5;box-shadow:0 2px 5px #1d3c6d10}.notification{position:relative}.notification i{width:6px;height:6px;border-radius:50%;background:#c52c42;position:absolute;right:6px;top:6px}.avatar{font-size:11px;background:#e8eef9;color:#4a6490}.context-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 32px 0;color:#8996a7;font-size:11px}section{padding:24px 32px;max-width:1700px}.title{margin-bottom:18px}h1{font-size:24px;letter-spacing:0;font-weight:650;margin-bottom:7px}.title p{font-size:12px}.title button{font-size:11px}.toolbar{margin-bottom:18px;font-size:11px}.card,.panel{border-color:var(--line);box-shadow:0 4px 18px #193b6803;border-radius:9px}.cards{gap:16px;margin-bottom:22px}.card{position:relative;padding:20px;text-align:left;cursor:pointer;color:inherit;transition:transform .15s,box-shadow .15s;background:#fff}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #1e63e914;border-color:#a9c3f3}.card label{font-size:11px;cursor:pointer}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{background:#edf3ff;color:#648cce;border-radius:6px;padding:6px 8px;font-size:14px}.value{font-size:29px;letter-spacing:-.8px;margin:12px 0}.delta{font-size:10px}.delta.negative{color:#c74e58}.metric-progress{margin-top:16px;padding-top:13px;border-top:1px solid #f0f3f7}.metric-progress .split{font-size:9px;color:#8b98aa;margin-bottom:8px}.metric-progress .track{height:4px}.metric-progress .fill{background:#3f7ee9}.metric-warning{color:#cf8b27;font-size:9px}.panel{padding:22px}h2{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:22px}h2:before{content:'';height:13px;width:3px;background:#2669df;border-radius:4px}.grid{gap:20px;grid-template-columns:1.6fr 1fr}.insight{display:block;position:relative;overflow:hidden;border:1px solid #b8cef9;background:linear-gradient(120deg,#f0f5ff,#fff 70%,#eef5ff);box-shadow:0 0 18px #3f77e811;padding:20px 24px}.insight:after{content:'✦';position:absolute;right:24px;top:-12px;font-size:120px;opacity:.035;color:#245bd4;pointer-events:none}.ai-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}.ai-heading b{font-size:14px}.ai-heading small{background:#e5edff;border-radius:4px;padding:3px 7px;color:#6381b4;font-size:9px}.summary-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;margin-top:16px}.summary-grid span{display:block;font-size:10px;color:#456a9c;margin-bottom:5px}.summary-grid p{font-size:11px;line-height:1.8;color:#6b7e99}.evidence{border-top:1px solid #dce6f7;margin-top:16px;padding-top:12px;display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#7891b6}.risk-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #f0d6c5;border-left:3px solid #dd8336;background:#fffaf6;padding:12px 17px;border-radius:6px;margin-bottom:20px;font-size:11px}.risk-strip strong{margin-left:10px;font-weight:500}.priority{display:inline-flex;gap:7px;align-items:center;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:600}.p0{color:#922338;background:#f8e8ed}.p1{color:#bd6327;background:#fff0df}.p2{color:#9d801e;background:#fff8d5}.p3{color:#607891;background:#edf2f7}.chart{height:205px}.chart-key{display:flex;gap:18px;font-size:10px;color:#8390a4;margin-bottom:12px}.chart-key i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.barrow{font-size:11px}.barrow .track{height:8px}.barrow .fill{background:linear-gradient(90deg,#3276e4,#7ba8f5)}th{font-size:10px;background:#f6f8fb;padding:13px 12px}td{font-size:11px;padding:18px 12px}tbody tr:hover{background:#f9fbff}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:#95a0b0;font-size:10px}.pagination button{padding:5px 9px}.table-actions{display:flex;gap:8px;margin-bottom:14px}.table-actions button{font-size:10px}.matrix{display:grid;grid-template-columns:90px repeat(3,1fr);gap:6px;font-size:10px;text-align:center;margin-top:25px}.matrix span{padding:11px 4px;border-radius:4px;color:#6483ad;background:#f1f6fe}.matrix .heat{background:#dceaff;color:#2b60b1}.matrix .hot{background:#fdf0dd;color:#a37731}.matrix .deep{background:#3d7add;color:white}.linkage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.linkage div{background:#f5f8fc;border:1px solid #e4ebf5;border-radius:6px;padding:17px;position:relative}.linkage b{display:block;font-size:11px;margin:10px 0}.linkage small{color:#8696ad;font-size:10px}.linkage div:not(:last-child):after{content:'→';position:absolute;right:-13px;top:40%;color:#6e8bb4;z-index:1}.channel{display:inline-grid;place-items:center;width:22px;height:22px;background:#f6e8e8;color:#b66363;border-radius:6px;margin-right:5px;font-size:9px}.event small{font-size:10px}.state-selector{margin-left:auto;font-size:10px;color:#95a2b5}.state-selector select{padding:5px 7px;font-size:10px}.state-view{text-align:center;padding:75px 20px;border:1px dashed #d8e2f0;background:white;border-radius:9px}.state-view .state-icon{font-size:38px;color:#94afcf;margin-bottom:18px}.skeleton{height:125px;background:linear-gradient(90deg,#e7edf5,#f8faff,#e7edf5);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}dialog{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;margin:0;width:480px;max-width:95vw;border-radius:0;padding:35px;box-shadow:-12px 0 60px #0e2d5420;animation:slide .2s ease-out}dialog::backdrop{background:#11274655}dialog h2{margin-top:25px}@keyframes slide{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-label{font-size:10px;color:#8193ab;letter-spacing:2px}.drawer-stat{font-size:38px;color:#1c5ed4;margin:24px 0}.drawer-block{padding:20px 0;border-top:1px solid #e6ecf5}.drawer-block h3{font-size:12px}.drawer-block p{font-size:12px}.drawer-log{font-size:10px;line-height:2.5;color:#8090a8;background:#f5f8fc;padding:15px;border-radius:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46bd9d;margin-right:6px}footer{font-size:10px;left:30px}.collapsed aside{width:76px;padding:30px 10px}.collapsed main{margin-left:76px}.collapsed .brand{font-size:0;padding:0;text-align:center}.collapsed .brand:before{content:'O';font-size:25px}.collapsed .brand span,.collapsed .workspace,.collapsed nav h4,.collapsed .nav-label,.collapsed footer{display:none}.collapsed nav{margin-top:40px}.collapsed nav a{justify-content:center;padding:14px 4px}.collapsed .nav-icon{font-size:19px}@media(min-width:1500px){.cards{gap:20px}.card{padding:25px}}@media(max-width:1150px){header{padding:0 20px}.header-right input{display:none}.header-left,.header-right{gap:7px}.summary-grid{gap:12px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){aside{width:180px}main{margin-left:180px}.time-switch{display:none}section{padding:20px}.context-bar{padding:15px 20px 0}.summary-grid{grid-template-columns:1fr}.header-right .ai-button{font-size:0}.header-right .ai-button:before{content:'✦';font-size:15px}.linkage{grid-template-columns:1fr}.linkage div:after{display:none}.risk-strip{gap:10px}}@media(max-width:650px){aside{position:static;width:100%}main,.collapsed main{margin-left:0}.collapsed aside{width:100%}.collapsed nav{margin-top:10px}nav a{gap:6px}.brand{padding:0}header{position:static;flex-wrap:wrap;padding:12px}.header-left select{max-width:165px}.context-bar{gap:10px}.context-bar #crumb{font-size:9px}.title h1{font-size:21px}.cards{gap:10px}.card{padding:15px}.metric-progress{margin-top:10px}.toolbar{flex-wrap:wrap}.state-selector{margin-left:0}.grid{grid-template-columns:1fr}}