.security-shade{position:fixed;inset:0;z-index:170;background:#071424cc;padding:24px;overflow:auto}.security-modal{position:relative;max-width:1180px;margin:auto;background:#f6f8fb;color:#162238;border-radius:18px;padding:26px;box-shadow:0 30px 90px #0007}.security-close{position:absolute;right:18px;top:14px;border:0;background:#e9eef4;border-radius:8px;width:36px;height:36px;font-size:26px}.security-modal>header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 42px 20px 0}.security-modal h1,.security-modal h2,.security-modal h3{margin:0 0 6px}.security-modal header p,.security-modal small{color:#718096}.security-modal label{display:grid;gap:5px;font-size:13px;font-weight:650}.security-modal input,.security-modal select{padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.security-modal button{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer}.security-modal button.save{background:#087b59;color:#fff;border-color:#087b59}.security-message{padding:11px;border-radius:8px;background:#e6f7ef;color:#076344;margin-bottom:14px}.security-message.error{background:#feecec;color:#a11b2c}.security-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.security-kpis article,.security-grid>section,.security-events{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:17px}.security-kpis b{display:block;font-size:23px;color:#17304d}.security-kpis span{font-size:12px;color:#718096}.security-kpis .observe b{font-size:16px;color:#b7791f}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-grid form{display:grid;gap:12px}.switch{display:flex!important;align-items:center;gap:9px}.switch input{width:18px;height:18px}.security-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rule-list{border-top:1px solid #e7ebf0;margin-top:16px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.rule-list h3{grid-column:1/-1;font-size:14px}.rule-list span{font-size:12px;color:#3f5b4e}.ip-list{margin-top:14px;display:grid;gap:7px}.ip-list>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border-top:1px solid #edf0f4;padding-top:8px}.ip-list span{font-size:10px;text-transform:uppercase;padding:3px 6px;border-radius:4px}.ip-list .block{background:#fee2e2;color:#991b1b}.ip-list .whitelist{background:#dcfce7;color:#166534}.ip-list button{padding:2px 8px}.security-events{margin-top:16px;overflow:auto}.security-events>div{display:flex;justify-content:space-between}.security-events table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.security-events th,.security-events td{text-align:left;border-top:1px solid #edf0f4;padding:9px;vertical-align:top}.security-events code{max-width:430px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.severity{padding:3px 6px;border-radius:5px;background:#fef3c7;color:#92400e;white-space:nowrap}.severity.critical{background:#fee2e2;color:#991b1b}.no-events{text-align:center;color:#718096;padding:24px}@media(max-width:760px){.security-shade{padding:0}.security-modal{min-height:100%;border-radius:0;padding:18px}.security-modal>header{display:grid;align-items:start}.security-kpis{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.security-row,.rule-list{grid-template-columns:1fr}.security-events table{min-width:800px}}