.security-center{display:grid;gap:20px;color:#eaf5ff}.security-hero{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:180px;padding:28px 32px;overflow:hidden;border:1px solid #255571;border-radius:23px;background:radial-gradient(circle at 82% 10%,rgba(26,190,225,.2),transparent 38%),linear-gradient(128deg,#0a1c2c,#07121e 62%,#091a26);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}.security-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(70,217,255,.05) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(70,217,255,.04) 50%,transparent 50.3%);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 10%,#000 55%);pointer-events:none}.security-radar{position:relative;display:grid;place-items:center;width:88px;height:88px;border:1px solid #2b7895;border-radius:50%;background:radial-gradient(circle,#0d3b50,#071721 66%);box-shadow:0 0 45px rgba(45,208,240,.18),inset 0 0 0 10px rgba(37,134,167,.07)}.security-radar:before,.security-radar:after{content:"";position:absolute;border:1px solid rgba(67,216,245,.18);border-radius:50%}.security-radar:before{inset:12px}.security-radar:after{inset:25px}.security-radar span{position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(70,231,255,.18) 88%,#66e9ff 100%);animation:security-radar-spin 3s linear infinite;mask-image:radial-gradient(circle,transparent 0 30%,#000 32%)}.security-radar i{position:relative;z-index:2;color:#79eaff;font-size:34px;text-shadow:0 0 20px #51dfff}.security-hero-copy,.security-score-card{position:relative}.security-hero-copy>small,.security-posture-panel header small,.security-control-panel header small,.security-session-panel header small,.security-event-panel header small,.security-block-panel header small{color:#63ddfa;font:800 11px Consolas,monospace;letter-spacing:2.2px}.security-hero-copy h1{margin:7px 0 8px;font-size:31px}.security-hero-copy p{max-width:720px;margin:0;color:#89a2b6;font-size:13px;line-height:1.75}.security-live{display:flex;align-items:center;gap:7px;margin-top:12px;color:#62d5b0;font-size:10px}.security-live i{width:7px;height:7px;border-radius:50%;background:#43e2ae;box-shadow:0 0 11px #43e2ae;animation:security-live-pulse 1.5s ease-in-out infinite}.security-score-card{display:flex;align-items:center;gap:15px;min-width:250px;padding:15px 18px;border:1px solid #28536c;border-radius:18px;background:rgba(6,22,34,.86)}.security-score-ring{--score:0;position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:conic-gradient(#57e5c1 calc(var(--score)*1%),#1c3446 0)}.security-score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#091824}.security-score-ring strong,.security-score-ring small{position:relative;z-index:1;grid-area:1/1}.security-score-ring strong{margin-top:-9px;color:#dffcff;font:900 22px Consolas,monospace}.security-score-ring small{margin-top:24px;color:#67899b;font-size:8px}.security-score-card>div:last-child b,.security-score-card>div:last-child span,.security-score-card>div:last-child small{display:block}.security-score-card>div:last-child b{color:#72e5bf;font-size:17px}.security-score-card>div:last-child span{margin-top:4px;color:#8ca4b6;font-size:10px}.security-score-card>div:last-child small{margin-top:7px;color:#587083;font-size:9px}
.security-lockdown-active{display:flex;align-items:center;gap:16px;padding:17px 20px;border:1px solid #934954;border-radius:16px;background:linear-gradient(90deg,#351820,#1e1319);box-shadow:0 14px 35px rgba(120,24,39,.18)}.security-lockdown-active>i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#491f28;color:#ff8895;font-size:23px}.security-lockdown-active>div{flex:1}.security-lockdown-active b{color:#ffd9dd}.security-lockdown-active p{margin:4px 0 0;color:#bc858c;font-size:11px}.security-lockdown-active .btn{border-color:#9a5260;color:#ffd1d7}
.security-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.security-metrics article{display:flex;align-items:center;gap:12px;min-height:96px;padding:16px;border:1px solid #223d51;border-radius:16px;background:linear-gradient(145deg,#0b1824,#08121c);box-shadow:0 14px 30px rgba(0,0,0,.16)}.security-metrics article>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid #29536b;border-radius:12px;background:#0c2637;color:#63d7f5;font-size:19px}.security-metrics small,.security-metrics b,.security-metrics span{display:block}.security-metrics small{color:#738b9d;font-size:9px}.security-metrics b{margin:3px 0;color:#e7f8ff;font:900 24px Consolas,monospace}.security-metrics span{color:#587084;font-size:8px}.security-metrics article.warn{border-color:#645335}.security-metrics article.warn>i{border-color:#745e38;background:#2b2518;color:#f0c96a}.security-metrics article.critical{border-color:#70404a;background:linear-gradient(145deg,#25151b,#130e13)}.security-metrics article.critical>i{border-color:#7d4450;background:#321820;color:#ff7c89}
.security-main-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.security-center .surface{overflow:hidden;border-radius:19px}.security-center .surface>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #1e3446}.security-center .surface>header h2{margin:4px 0 0;font-size:19px}.security-center .surface>header p{margin:4px 0 0;color:#6d8496;font-size:10px}.security-control-panel>header>i{color:#ff8d98;font-size:30px}.security-check{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #1b2e3e}.security-check:last-child{border-bottom:0}.security-check>i{font-size:22px}.security-check b{font-size:12px}.security-check p{margin:4px 0 0;color:#667f91;font-size:10px}.security-check>span{padding:5px 8px;border-radius:20px;font-size:9px}.security-check.pass>i{color:#4edca9}.security-check.pass>span{background:#102e26;color:#5edab0}.security-check.warn>i{color:#e1bc5d}.security-check.warn>span{background:#2b2718;color:#dfc770}.security-check.fail{background:rgba(77,24,35,.12)}.security-check.fail>i{color:#ff7784}.security-check.fail>span{background:#341b22;color:#f38c96}
#securityControls{display:grid;padding:10px}.security-control{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.18s}.security-control:hover{border-color:#28516b;background:#0c202e}.security-control>i{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2b5067;border-radius:12px;background:#0c2635;color:#62d5f0;font-size:19px}.security-control b,.security-control small{display:block}.security-control b{font-size:12px}.security-control small{margin-top:4px;color:#637c8f;font-size:9px;line-height:1.45}.security-control em{padding:5px 8px;border-radius:20px;background:#172a38;color:#7892a4;font-size:9px;font-style:normal}.security-control.active>i{border-color:#34745f;background:#103027;color:#55dfae}.security-control.active>em{background:#123226;color:#64ddb2}.security-control.danger>i{border-color:#82434e;background:#341820;color:#ff7d89}.security-control.danger>em{background:#401d25;color:#ff929c}
.security-center table{min-width:940px}.security-center th{color:#6b8497;font-size:9px}.security-center td{font-size:11px}.security-current{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:20px;background:#123127;color:#65dcb0;font-size:8px}.current-session{background:rgba(40,148,116,.06)}.security-center code{color:#78d9f3;font:700 10px Consolas,monospace}.security-event-filter{display:flex;gap:7px}.security-event-filter select,.security-event-filter input{height:36px;padding:0 10px;border:1px solid #263f54;border-radius:9px;background:#081520;color:#dceef8;outline:none}.security-event-filter input{width:220px}.security-severity{display:inline-flex;justify-content:center;min-width:44px;padding:5px 7px;border-radius:20px;font-size:9px;font-weight:900}.security-severity.critical{background:#421d26;color:#ff8a95}.security-severity.high{background:#35251a;color:#f4b872}.security-severity.medium{background:#302d1b;color:#e4d071}.security-severity.info{background:#142d3c;color:#6dcce9}.security-event-critical{box-shadow:inset 3px 0 #f16472}.security-detail{display:block;max-width:420px;overflow:hidden;color:#7890a2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.security-block-panel>header{border-bottom:1px solid #1e3446}.security-block-panel>#securityBlockList{display:grid}.security-block-panel #securityBlockList>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid #1d3041}.security-block-panel #securityBlockList>article:last-child{border-bottom:0}.security-block-panel #securityBlockList>article>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#321a20;color:#f17d88}.security-block-panel b,.security-block-panel p,.security-block-panel small{display:block}.security-block-panel p{margin:3px 0;color:#8197a8;font-size:10px}.security-block-panel small{color:#587083;font-size:9px}.security-block-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;color:#7690a2}.security-block-empty>i{color:#52daa9;font-size:31px}.security-block-empty b,.security-block-empty p{display:block;margin:0}.security-block-empty p{margin-top:4px;font-size:10px}
.security-secret-form,.security-mfa-setup,.security-recovery-codes{display:grid;gap:14px}.security-secret-form>p,.security-mfa-setup>ol{margin:0;padding:12px 14px;border:1px solid #2d4c61;border-radius:11px;background:#0a1823;color:#8aa1b2;font-size:11px;line-height:1.65}.security-secret-form>p.danger{border-color:#623b46;background:#25171c;color:#d0969e}.security-secret-form label,.security-mfa-setup label{display:grid;gap:7px;color:#9eb4c5;font-size:11px}.security-secret-form input,.security-mfa-setup input{height:42px;padding:0 12px;border:1px solid #2a465b;border-radius:10px;background:#08141f;color:#ecf8ff;outline:none}.security-mfa-secret{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border:1px solid #2b637d;border-radius:12px;background:#092032}.security-mfa-secret span{grid-column:1/-1;color:#7998ab;font-size:9px}.security-mfa-secret b{align-self:center;color:#75e4ff;font:800 14px Consolas,monospace;letter-spacing:1px}.security-recovery-codes{text-align:center}.security-recovery-codes>i{color:#55dca9;font-size:48px}.security-recovery-codes h3,.security-recovery-codes p{margin:0}.security-recovery-codes p{color:#8299aa;font-size:11px;line-height:1.6}.security-recovery-codes textarea{padding:13px;border:1px solid #2c546b;border-radius:11px;background:#071520;color:#75e5ff;font:800 13px Consolas,monospace;text-align:center;letter-spacing:1px}
@keyframes security-radar-spin{to{transform:rotate(360deg)}}@keyframes security-live-pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:1350px){.security-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.security-hero{grid-template-columns:78px 1fr}.security-score-card{grid-column:1/-1}.security-main-grid{grid-template-columns:1fr}}@media(max-width:720px){.security-hero{grid-template-columns:1fr}.security-radar{display:none}.security-metrics{grid-template-columns:repeat(2,1fr)}.security-center .surface>header{align-items:flex-start;flex-direction:column}.security-event-filter{width:100%;flex-wrap:wrap}.security-event-filter input{flex:1}.security-control{grid-template-columns:40px 1fr}.security-control em{grid-column:2}}