:root{--bg:#f4f2e9;--card:#fbfaf4;--tx:#2a3629;--mu:#6f7b68;--bd:#e3e1d3;--ac:#6f9150;--ac2:#5e8c88;--on:#fff;--gl:rgba(244,242,233,.85);--sev-low:#6f9150;--sev-medium:#b8963f;--sev-high:#c7794f;--sev-critical:#b85450;--radius:22px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11170f;--card:#182114;--tx:#e6ebdd;--mu:#93a08a;--bd:#26311f;--ac:#9bbd78;--ac2:#7fb0aa;--on:#11170f;--gl:rgba(17,23,15,.85);color-scheme:dark}}:root[data-theme=dark]{--bg:#11170f;--card:#182114;--tx:#e6ebdd;--mu:#93a08a;--bd:#26311f;--ac:#9bbd78;--ac2:#7fb0aa;--on:#11170f;--gl:rgba(17,23,15,.85);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--gl);z-index:90}h1,h2,h3{margin:0 0 .35em;letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.mu{color:var(--mu);font-size:13px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bg i{position:absolute;width:44vmax;height:44vmax;border-radius:50%;filter:blur(120px);opacity:.28;animation:drift 20s ease-in-out infinite alternate}.bg i:nth-child(1){background:var(--ac);left:-12vmax;top:-12vmax}.bg i:nth-child(2){background:var(--ac2);right:-14vmax;bottom:-16vmax;animation-delay:-9s}nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;gap:4px;padding:10px 18px;background:var(--gl);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bd);overflow-x:auto;animation:dn .6s both}.logo{font-weight:800;font-size:18px;margin-right:auto;white-space:nowrap}.logo b{color:var(--ac)}nav.top a.l{padding:6px 12px;border-radius:99px;color:var(--mu);font-weight:600;font-size:13px;white-space:nowrap;transition:.2s}nav.top a.l.active,nav.top a.l:hover{background:var(--card);color:var(--tx)}main{max-width:1100px;margin:0 auto;padding:24px 18px 90px;animation:pg .5s cubic-bezier(.2,.8,.2,1)}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.row>.f0{flex:none}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.stat{font-size:30px;font-weight:800}.ico{font-size:28px;display:inline-block;animation:float 3.5s ease-in-out infinite}.center{text-align:center}.narrow{max-width:640px;margin:auto}.err{color:var(--sev-critical);font-size:13px;margin-top:10px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important}}.btn{border:1px solid var(--bd);cursor:pointer;font:inherit;font-weight:600;padding:10px 18px;border-radius:99px;background:var(--card);color:var(--tx);transition:transform .2s,box-shadow .2s;display:inline-block;text-align:center;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -10px #3c503266}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.p{background-color:var(--ac);background-image:linear-gradient(110deg,var(--ac),var(--ac2),var(--ac));background-size:200% 100%;color:var(--on);border-color:var(--ac);animation:gs 6s linear infinite}.btn.sm{padding:6px 13px;font-size:12px}.btn.w{width:100%}.btn.sos{background:#b85450;border-color:#b85450;color:#fff;animation:fire 1.1s ease-in-out infinite alternate}.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius);padding:18px;transition:transform .3s,box-shadow .3s,border-color .3s}.card.c{cursor:pointer;display:block}.grid>.card.c:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px #3c503273;border-color:var(--ac)}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700;color:#fff}.badge.LOW{background:var(--sev-low)}.badge.MEDIUM{background:var(--sev-medium)}.badge.HIGH{background:var(--sev-high)}.badge.CRITICAL{background:var(--sev-critical)}label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px}label.inline{font-weight:500;display:flex;gap:8px;align-items:center}input,select,textarea{width:100%;padding:11px 14px;border-radius:14px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit}input[type=range]{padding:0;accent-color:var(--ac)}input[type=checkbox]{width:auto;accent-color:var(--ac)}.chip{cursor:pointer;padding:7px 14px;border-radius:99px;border:1px solid var(--bd);background:var(--card);color:var(--tx);font:inherit;font-size:13px;font-weight:600;transition:.2s;position:relative;overflow:hidden}.chip:hover{transform:translateY(-2px)}.chip.on{background:var(--ac);color:var(--on);border-color:var(--ac)}.al{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--bd);margin-bottom:10px;cursor:pointer;transition:.2s;width:100%;background:none;color:inherit;font:inherit;text-align:left}.al:hover{border-color:var(--ac);background:var(--bg)}.al.static{cursor:default}.bar{height:8px;border-radius:9px;background:var(--bd);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width 1s cubic-bezier(.2,.8,.2,1)}.ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--ac) calc(var(--p)*1%),var(--bd) 0);display:grid;place-items:center;transition:.6s;flex:none}.ring b{width:72px;height:72px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:20px}.tl{position:relative;padding-left:28px}.tl>div{position:relative;padding:0 0 20px;color:var(--mu)}.tl>div:before{content:"";position:absolute;left:-24px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--bd)}.tl>div:after{content:"";position:absolute;left:-18px;top:19px;bottom:-4px;width:2px;background:var(--bd)}.tl>div.d{color:var(--tx)}.tl>div.d:before{background:var(--ac);animation:pop .5s both}.tl>div:last-child:after{display:none}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--bd)}th{color:var(--mu);font-size:11px;text-transform:uppercase}tr.c{cursor:pointer}tr.c:hover td{background:var(--bg)}.scroll-x{overflow-x:auto}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#141e1066;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fi .25s}.sh{position:relative;background:var(--card);width:min(560px,100%);max-height:88vh;overflow:auto;border-radius:28px 28px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom,0px));animation:su .4s cubic-bezier(.2,.8,.2,1)}@media (min-width:700px){.ov{align-items:center}.sh{border-radius:28px}}.x{position:absolute;right:14px;top:14px;border:0;background:var(--bg);color:var(--tx);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px}.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;width:58px;height:58px;border-radius:50%;border:0;background:var(--ac);color:var(--on);font-size:26px;cursor:pointer;box-shadow:0 12px 30px -8px #3c503299;transition:.2s}.fab:hover{transform:scale(1.08) rotate(-6deg)}.dr{position:fixed;right:0;top:0;bottom:0;width:min(400px,100%);z-index:95;background:var(--card);border-left:1px solid var(--bd);padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);visibility:hidden}.dr.on{transform:none;visibility:visible}.dh{display:flex;justify-content:space-between;align-items:center;font-size:17px}.dh .x{position:static}.chat{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.m{max-width:85%;padding:10px 14px;border-radius:18px 18px 18px 4px;background:var(--bg);border:1px solid var(--bd);animation:rv .35s both}.m.u{align-self:flex-end;background:var(--ac);color:var(--on);border:0;border-radius:18px 18px 4px}.dots i{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--mu);animation:bn 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.toasts{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--tx);color:var(--bg);padding:11px 20px;border-radius:99px;font-weight:600;animation:ts .4s}.big{font-size:64px;font-weight:800;text-align:center;color:var(--sev-critical)}.rp{position:absolute;border-radius:50%;background:#ffffff80;transform:scale(0);animation:rpl .7s ease-out forwards;pointer-events:none}.skeleton{height:90px;border-radius:var(--radius);background:linear-gradient(90deg,var(--card),var(--bd),var(--card));background-size:200% 100%;animation:gs 1.4s linear infinite}@keyframes drift{to{transform:translate(7vmax,5vmax) scale(1.15)}}@keyframes dn{0%{transform:translateY(-100%)}}@keyframes pg{0%{opacity:0;transform:translateY(14px)}}@keyframes rv{0%{opacity:0;transform:translateY(22px)}}@keyframes fi{0%{opacity:0}}@keyframes su{0%{transform:translateY(60px);opacity:0}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes gs{to{background-position:200% 0}}@keyframes bn{50%{transform:translateY(-6px)}}@keyframes ts{0%{opacity:0;transform:translateY(20px)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.5)}}@keyframes rpl{to{transform:scale(1);opacity:0}}@keyframes fire{0%{box-shadow:0 0 8px #c7794f,0 -3px 14px #e0a050}to{box-shadow:0 0 16px #b85450,0 -7px 24px #e08a4a;filter:brightness(1.12)}}.page>*{animation:rv .6s cubic-bezier(.2,.8,.2,1) both}.page>*:nth-child(2){animation-delay:.06s}.page>*:nth-child(3){animation-delay:.12s}.page>*:nth-child(4){animation-delay:.18s}.page>*:nth-child(5){animation-delay:.24s}#fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.grad{background:linear-gradient(90deg,var(--ac),var(--ac2),var(--ac));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s linear infinite}.grad.sp{animation:none;background:none}.grad s{display:inline-block;text-decoration:none;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:var(--lw,none) 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}body.m-flood{--lw:wvl}body.m-quake{--lw:shk}body.m-fire{--lw:flk}body.m-cyclone{--lw:swy}body.m-off{--lw:none}@keyframes wvl{50%{transform:translateY(-.14em)}}@keyframes shk{0%,78%,to{transform:none}82%{transform:translate(-3px,1px) rotate(-3deg)}88%{transform:translate(3px,-1px) rotate(3deg)}94%{transform:translate(-2px,1px)}}@keyframes flk{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.78;filter:brightness(1.35) hue-rotate(-14deg);transform:translateY(-.04em) scale(1.03)}}@keyframes swy{50%{transform:rotate(7deg) translate(.05em)}}@keyframes spn{to{transform:rotate(360deg)}}body.m-quake .ico{animation:shk 2.2s infinite}body.m-fire .ico{animation:flk 1.4s infinite}body.m-cyclone .ico{animation:spn 7s linear infinite}body.m-quake .card.c:hover{animation:shk .5s}body.m-fire .bg:after{content:"";position:absolute;inset:auto 0 0;height:34vh;background:linear-gradient(transparent,#e08a4a33);animation:glow 3s ease-in-out infinite alternate}@keyframes glow{to{opacity:.5}}body.m-flood .card.c:hover{animation:wvc 1.2s ease-in-out}@keyframes wvc{50%{transform:translateY(-6px) rotate(-.6deg)}}.fxb{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;gap:4px;padding:5px;border-radius:99px;background:var(--gl);border:1px solid var(--bd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fxb button{border:0;background:none;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px;transition:.2s}.fxb button:hover{transform:scale(1.2)}.fxb button.on{background:var(--ac)}.ahead{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.ahead h2{margin:0 0 4px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crumb{color:var(--mu);font-size:13px;display:inline-block;margin-bottom:6px}.crumb:hover{color:var(--ac)}.hero-a{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-bottom:16px}.kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.kpi{position:relative;overflow:hidden}.kpi .v{font-size:32px;font-weight:800;line-height:1.1}.kpi:after{content:"";position:absolute;right:-22px;top:-22px;width:84px;height:84px;border-radius:50%;background:var(--ac);opacity:.14}.kpi.warn:after{background:var(--sev-high)}.kpi.crit:after{background:var(--sev-critical)}.sec{margin:22px 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.sec h3{margin:0}.res-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.res{padding:16px;border-radius:20px;border:1px solid var(--bd);background:var(--card);transition:.3s}.res:hover{transform:translateY(-3px);border-color:var(--ac)}.res .ic{font-size:26px}.res .n{font-size:36px;font-weight:800;line-height:1.1}.res.zero{opacity:.4}.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700}.pill.ok{background:#6f91502e;color:var(--ac)}.pill.short{background:#b8545029;color:var(--sev-critical)}.facts{display:grid}.fact{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--bd)}.fact:last-child{border:0}.fact b{text-align:right}.rec{display:flex;gap:10px;padding:11px 13px;border-radius:14px;background:var(--bg);margin-bottom:8px}.rec:before{content:"➜";color:var(--ac);font-weight:800}.stack{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--bd)}.stack i{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:12px;color:var(--mu)}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:6px}.hot{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--bd);margin-bottom:10px;transition:.2s;background:var(--card)}.hot:hover{border-color:var(--ac);background:var(--bg);transform:translate(3px)}.rk{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mu);font-weight:500}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac);animation:lv 1.6s infinite}@keyframes lv{0%{box-shadow:0 0 #6f915099}to{box-shadow:0 0 0 10px transparent}}.locbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:11px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--bd);font-size:13px;margin:10px 0}.sticky{position:sticky;top:76px}.tag{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;background:var(--bg);border:1px solid var(--bd);font-size:13px;font-weight:600;margin:0 6px 6px 0}.tag.short{border-color:var(--sev-critical);color:var(--sev-critical)}.barrow{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:center;margin:10px 0;font-size:13px}.barrow .bar.warn i{background:linear-gradient(90deg,var(--sev-high),var(--sev-critical))}.two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.donutwrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.foot{text-align:center;color:var(--mu);font-size:12px;padding:0 18px 100px}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}h2{font-size:clamp(24px,3.4vw,32px)}
