:root{--bg:#06111e;--panel:#0d2134;--line:#294a62;--text:#eff6fa;--muted:#91a6b8;--cyan:#57dcdf;--green:#54d496;--amber:#f4b858;--red:#fa6976}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:radial-gradient(circle at 50% 38%,#14364f,#06111e 67%);color:var(--text);font:14px Inter,Arial,sans-serif}.app{height:100vh;padding:0 28px;display:grid;grid-template-rows:72px 1fr 42px;overflow:hidden}.top,footer{border-bottom:1px solid #203d53}.brand,.top,footer{display:flex;align-items:center}.brand{gap:11px;width:230px}.brand i{color:var(--cyan);font-size:26px;font-style:normal}.brand b{letter-spacing:.16em}.brand small,.eyebrow,.info label,.metric label{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.metrics{display:flex;justify-content:space-between;flex:1 1}.metric{border-left:1px solid #254359;padding-left:13px}.metric strong{display:block;font-size:16px;margin-top:4px}.good{color:var(--green)}.warning{color:var(--amber)}.danger{color:var(--red)}button{font:inherit;color:inherit;cursor:pointer}.profile{background:#10283c;border:1px solid var(--line);border-radius:50%;height:34px;width:34px}.layout{display:grid;grid-template-columns:230px 1fr 355px;grid-gap:18px;gap:18px;padding:18px 0;min-height:0}.panel{background:linear-gradient(145deg,#102a40e8,#091a2ae8);border:1px solid #294a62;border-radius:14px;box-shadow:0 18px 55px #0004}.left,.right{padding:18px}.left h2,.right h2{font-size:15px;margin:0}.left nav{border-top:1px solid #27455b;margin-top:14px;padding-top:8px}.left nav button,.quick button{background:transparent;border:0;border-radius:7px;width:100%;display:flex;justify-content:space-between;text-align:left;padding:10px;color:#b6c6d3}.left nav button.active,.left nav button:hover,.quick button:hover{background:#16354c;color:white}.quick{border-top:1px solid #27455b;margin-top:15px;padding-top:12px}.quick button{border:1px solid #2b4c64;background:#0a1a29;margin:7px 0;font-size:11px}.quick kbd{font-size:9px;color:var(--muted)}.center{padding:24px;position:relative}.centerHead{display:flex;justify-content:space-between}.center h1{font-size:25px;letter-spacing:-.04em;margin:5px 0}.sub{color:var(--muted);margin:0}.tabs{display:flex;align-self:start;background:#091827;padding:4px;border-radius:8px}.tabs button{background:transparent;border:0;padding:7px 10px;color:var(--muted);font-size:11px}.tabs button.active{background:#193b55;color:white;border-radius:5px}.flow{height:345px;position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 5%}.flow:before{content:"";position:absolute;left:2%;right:2%;top:50%;height:2px;background:linear-gradient(90deg,var(--cyan) 43%,var(--amber) 44% 61%,var(--red) 62% 71%,var(--green) 72%)}.stage{z-index:1;width:78px;border:0;background:transparent;text-align:center}.stage i{height:55px;width:55px;margin:auto;display:grid;place-items:center;border-radius:17px;background:#102a40;border:1px solid #385d77;font-style:normal;font-size:17px;transition:.2s}.stage:hover i{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 0 22px #57dcdf66}.stage.warning i{border-color:var(--amber)}.stage.critical i{border-color:var(--red);box-shadow:0 0 18px #fa697655}.stage b{display:block;font-size:11px;margin-top:8px}.stage span{font-size:10px;color:var(--muted)}.insights{position:absolute;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:10px;gap:10px}.info{border:1px solid #294961;background:#091a2a;padding:13px;border-radius:8px}.info b{display:block;font-size:12px;margin-top:5px}.rightHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rightHead span{font-size:10px;color:var(--cyan);border:1px solid #38647c;border-radius:12px;padding:3px 6px}.rightHead.second{border-top:1px solid #26445a;padding-top:18px;margin-top:15px}.decision{width:100%;background:transparent;border:0;border-top:1px solid #24445b;text-align:left;padding:12px 0}.decision:hover{background:#112b40}.decision small,.decision>div{display:flex;justify-content:space-between;gap:8px}.decision b{font-size:12px}.decision em{font-size:9px;font-style:normal;padding:3px 6px;border-radius:9px}.decision em.critical{color:#ff9da7;background:#5d233120}.decision em.high{color:#f7cb82;background:#684a1820}.decision p{font-size:11px;color:var(--muted);margin:5px 0}.decision small{font-size:10px;color:var(--cyan)}footer{border-top:1px solid #203d53;gap:34px;white-space:nowrap;overflow:hidden;color:#aec0ce;font-size:11px}footer b{color:var(--red);letter-spacing:.1em}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#020a12bb;z-index:5}.dialog{width:560px;max-width:90vw;background:linear-gradient(145deg,#102c42,#091a29);border:1px solid #416f8a;border-radius:14px;padding:24px;box-shadow:0 30px 80px #000}.dialog h3{margin:7px 0;font-size:20px}.dialog p{line-height:1.5}.close,.dialog p{color:var(--muted)}.close{float:right;background:none;border:0;font-size:21px}.choice{width:100%;margin-top:9px;border:1px solid #365d75;border-radius:8px;padding:12px;background:#0a1c2c;text-align:left}.choice:hover{border-color:var(--cyan);background:#123249}.choice b,.choice span{display:block}.choice span{font-size:11px;color:var(--muted);margin-top:4px}.success{color:var(--green);margin-top:12px}.searchInput{width:100%;background:#071727;border:1px solid #355b73;border-radius:7px;padding:12px;color:white}.siteLock{min-width:0!important;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,#16435c,#06111e 62%)}.siteLockCard{width:390px;max-width:100%;padding:36px;border:1px solid #315b73;border-radius:16px;background:linear-gradient(145deg,#112d43,#081827);box-shadow:0 28px 80px #0008;text-align:center}.siteLockMark{font-size:32px;color:#57dcdf}.siteLockCard p{margin:13px 0 6px;color:#8fa9ba;font-size:10px;letter-spacing:.16em}.siteLockCard h1{margin:0;font-size:23px}.siteLockCard span{display:block;margin:11px 0 19px;color:#aebfca;font-size:12px}.siteLockCard input{width:100%;padding:13px;border:1px solid #3c6177;border-radius:8px;background:#071727;color:#fff;outline:none}.siteLockCard input:focus{border-color:#57dcdf}.siteLockCard small{display:block;margin-top:8px;color:#fa8690}.siteLockCard button{width:100%;margin-top:12px;padding:12px;border:0;border-radius:8px;background:#1c7184;color:#fff;font-weight:700}