.ioc-mode .work>header{display:none}.ioc-mode .native-app{display:block!important;min-height:100vh}.ioc-mode .module-sidebar{display:none}.ioc-mode .module-surface .content{padding:0;max-width:none}.ioc-shell{min-height:100vh;background:#071b29;color:#dce9ee;display:grid;grid-template-columns:210px minmax(0,1fr)}.ioc-side{position:sticky;top:0;height:100vh;background:#092334;border-right:1px solid #ffffff14;display:flex;flex-direction:column}.ioc-mark{height:86px;padding:20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff14}.ioc-mark>i{width:42px;height:42px;border:2px solid #e5aa36;border-radius:50%;display:grid;place-items:center;color:#e5aa36;font-style:normal;font-weight:900}.ioc-mark span{display:grid}.ioc-mark b{color:#fff;font-size:15px}.ioc-mark small{color:#7fa0ae;font-size:11px}.ioc-side nav{display:grid;gap:5px;padding:14px 10px}.ioc-side nav button{border:0;border-radius:8px;background:transparent;color:#99b3bd;padding:13px 14px;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.ioc-side nav button:hover,.ioc-side nav button.active{background:linear-gradient(90deg,#e7ac363b,#e7ac3610);color:#fff;box-shadow:inset 3px 0 #e7ac36}.ioc-side footer{margin-top:auto;padding:18px 20px;border-top:1px solid #ffffff14;display:grid;gap:5px}.ioc-side footer span{color:#72c59b;font-size:11px}.ioc-side footer small{color:#6f8e9a;font-size:10px}.ioc-main{padding:14px 18px 28px;min-width:0}.ioc-filter{height:58px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.ioc-filter>div{display:grid;margin-right:auto}.ioc-filter>div b{color:#fff;font-size:17px}.ioc-filter>div span{font-size:11px;color:#7999a6}.ioc-filter label{display:flex;align-items:center;gap:7px;color:#819daa;font-size:10px}.ioc-filter select,.ioc-filter>button{height:34px;border:1px solid #345064;border-radius:7px;background:#102f42;color:#dbe9ee;padding:0 10px;font:inherit;font-size:11px}.ioc-filter>button{cursor:pointer;color:#f1bd54}.health-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-bottom:14px}.overall,.overall-trend,.health-gauge-card,.ioc-card{border:1px solid #254358;background:linear-gradient(145deg,#102f42,#0c293b);border-radius:12px;box-shadow:0 15px 35px #0000002e}.overall{min-height:180px;padding:20px;display:flex;align-items:center;gap:25px}.gauge{--value:80;position:relative;width:105px;height:105px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#5ac08d calc(var(--value)*1%),#203e50 0);display:grid;place-content:center}.gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0d2a3c;box-shadow:inset 0 0 0 1px #2a485a}.gauge span{position:relative;z-index:1;display:flex;align-items:baseline}.gauge strong{font-size:31px;color:#fff}.gauge small{font-size:11px;color:#7795a2}.gauge-large{width:135px;height:135px}.gauge-large strong{font-size:43px}.fair .gauge{background:conic-gradient(#57a9cb calc(var(--value)*1%),#203e50 0)}.warn .gauge{background:conic-gradient(#e4aa39 calc(var(--value)*1%),#203e50 0)}.critical .gauge{background:conic-gradient(#d95d54 calc(var(--value)*1%),#203e50 0)}.overall small{font-size:10px;color:#e6af42;font-weight:800}.overall h1{margin:5px 0;color:#fff;font-size:25px}.overall p{margin:0;max-width:360px;color:#8eabb7;font-size:12px;line-height:1.5}.overall-trend{padding:18px}.overall-trend>div{display:flex;justify-content:space-between}.overall-trend b{font-size:13px;color:#fff}.overall-trend span{font-size:10px;color:#72c59b}.overall-trend svg{width:100%;height:120px;margin-top:12px}.health-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin-bottom:14px}.health-gauge-card{border-color:#25475b;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit;cursor:pointer;font:inherit;transition:.18s}.health-gauge-card:hover{transform:translateY(-3px);border-color:#e1a738}.health-gauge-card .gauge{width:78px;height:78px}.health-gauge-card .gauge:before{inset:8px}.health-gauge-card .gauge strong{font-size:22px}.gauge-copy{text-align:center;display:grid;gap:4px}.gauge-copy b{height:32px;color:#fff;font-size:11px}.gauge-copy span{font-size:9px;color:#7897a4}.gauge-copy em{font-size:9px;font-style:normal}.gauge-copy .up{color:#71c69b}.gauge-copy .down{color:#e78278}.ioc-lower{display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:14px}.ioc-card{padding:16px}.ioc-card header{display:flex;justify-content:space-between;margin-bottom:13px}.ioc-card header b{font-size:13px;color:#fff}.ioc-card header span{font-size:10px;color:#7e9aa6}.zone-health{display:grid;gap:10px}.zone-health button{display:grid;grid-template-columns:90px 1fr 28px;gap:9px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.zone-health button span{display:grid}.zone-health button b{font-size:11px}.zone-health button small{font-size:9px;color:#7795a2}.zone-health button>i,.source-health i{height:7px;background:#203e50;border-radius:9px;overflow:hidden}.zone-health button>i em,.source-health i em{display:block;height:100%;background:linear-gradient(90deg,#3f8cad,#65c492)}.zone-health button>strong{font-size:11px;color:#f1bc52}.attention>button{width:100%;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;border:0;border-bottom:1px solid #1d3a4c;background:transparent;color:inherit;padding:9px 0;text-align:left;cursor:pointer}.attention>button>i{width:7px;height:7px;border-radius:50%;background:#5ac08d}.attention>button>i.warn{background:#e4aa39}.attention>button span{display:grid}.attention>button b{font-size:10px}.attention>button small{font-size:9px;color:#7694a0}.attention>button strong{font-size:10px;color:#ee8c83}.source-health>div{display:grid;grid-template-columns:110px 1fr 30px;gap:8px;align-items:center;margin:11px 0}.source-health span,.source-health b{font-size:9px}.source-health b{text-align:right;color:#72c59b}.cause-drawer{position:fixed;z-index:102;right:-520px;top:0;width:min(500px,100vw);height:100vh;background:#0b2638;border-left:1px solid #345064;box-shadow:-25px 0 70px #00000073;transition:.25s;overflow:auto}.cause-drawer.open{right:0}.cause-backdrop{position:fixed;inset:0;background:#000a11a6;z-index:101;opacity:0;pointer-events:none}.cause-backdrop.open{opacity:1;pointer-events:auto}.cause-head{padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #254358}.cause-head small{color:#e4ad40;font-size:9px}.cause-head h2{color:#fff;font-size:22px;margin:5px 0}.cause-head p{margin:0;color:#8da8b3;font-size:11px}.cause-head button{width:34px;height:34px;border:1px solid #375568;border-radius:50%;background:#123347;color:#fff;font-size:20px}.cause-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px}.cause-impact span{border:1px solid #29495c;border-radius:8px;background:#102f42;padding:11px;color:#7695a2;font-size:9px;display:grid}.cause-impact b{font-size:17px;color:#fff}.cause-list{padding:0 24px}.cause-list button{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:10px;border:1px solid #28485b;border-radius:9px;background:#102f42;color:inherit;padding:13px;margin-bottom:9px;text-align:left;cursor:pointer}.cause-list button:hover{border-color:#e2aa3a}.cause-list button>i{width:25px;height:25px;border-radius:50%;background:#203f52;display:grid;place-items:center;font-style:normal}.cause-list button span{display:grid}.cause-list button b{font-size:11px;color:#fff}.cause-list button small{font-size:9px;color:#7897a4}.cause-list button strong{color:#ef867c;font-size:12px}.cause-list button em{grid-column:2/-1;color:#e5b34d;font-size:9px;font-style:normal}.ioc-mode .drawer,.ioc-mode .drawer-backdrop{display:none}@media(max-width:1150px){.health-grid{grid-template-columns:repeat(4,1fr)}.ioc-lower{grid-template-columns:1fr 1fr}.source-health{grid-column:1/-1}}@media(max-width:780px){.ioc-shell{display:block}.ioc-side{position:relative;width:100%;height:auto}.ioc-mark,.ioc-side footer{display:none}.ioc-side nav{display:flex}.health-hero{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.ioc-lower{grid-template-columns:1fr}.source-health{grid-column:auto}.ioc-filter{height:auto;flex-wrap:wrap}.ioc-filter>div{width:100%}}@media(max-width:480px){.overall{display:grid;justify-items:center;text-align:center}.overall-trend{display:none}}