.gateway-security-page[data-v-5284ce2c]{display:flex;flex-direction:column;gap:8px;padding:10px}.page-header[data-v-5284ce2c]{min-height:68px;padding:12px;border:1px solid #e2e6ea;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow[data-v-5284ce2c]{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#64748b}h1[data-v-5284ce2c],h2[data-v-5284ce2c]{margin:3px 0 4px;color:#1e293b;font-size:18px;line-height:1.2}h2[data-v-5284ce2c]{font-size:15px}.page-header p[data-v-5284ce2c]{margin:0;color:#64748b;font-size:12px}.header-ip[data-v-5284ce2c]{min-width:190px;padding-left:12px;border-left:1px solid #e2e6ea;color:#64748b;font-size:11px}.header-ip code[data-v-5284ce2c],.header-ip span[data-v-5284ce2c]{display:block}.header-ip code[data-v-5284ce2c]{margin-top:4px;color:#0f172a;font-size:12px}.overview-grid[data-v-5284ce2c]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric-card[data-v-5284ce2c]{min-height:78px;padding:11px 12px;border:1px solid #e2e6ea;background:#fff;display:flex;flex-direction:column;justify-content:center}.metric-card small[data-v-5284ce2c],.metric-card span[data-v-5284ce2c]{color:#64748b;font-size:11px}.metric-card strong[data-v-5284ce2c]{margin-top:3px;color:#1e293b;font-size:22px;line-height:1.1}.metric-card.accent[data-v-5284ce2c]{border-left:3px solid #ef4444}.metric-card.compact-copy strong[data-v-5284ce2c]{font-size:14px}.metric-card small[data-v-5284ce2c]{margin-top:4px}.content-card[data-v-5284ce2c]{padding:12px;border:1px solid #e2e6ea;background:#fff}.toolbar[data-v-5284ce2c]{display:flex;align-items:center;gap:8px}.search-input[data-v-5284ce2c]{width:250px}.toolbar-spacer[data-v-5284ce2c]{flex:1}.security-notice[data-v-5284ce2c]{margin-top:10px}.rules-table[data-v-5284ce2c]{width:100%;margin-top:10px}.ip-code[data-v-5284ce2c]{color:#0f4c81;font-size:12px}.audit-cell[data-v-5284ce2c]{display:flex;flex-direction:column;gap:2px;color:#64748b;font-size:11px}.danger-action[data-v-5284ce2c]{color:#dc2626}.pagination-row[data-v-5284ce2c]{display:flex;justify-content:space-between;align-items:center;padding-top:10px;color:#64748b;font-size:12px}.drawer-shell[data-v-5284ce2c]{height:100%;display:flex;flex-direction:column}.drawer-footer[data-v-5284ce2c],.drawer-header[data-v-5284ce2c]{padding:12px 16px;border-bottom:1px solid #e2e6ea;display:flex;justify-content:space-between;align-items:center}.drawer-footer[data-v-5284ce2c]{border-top:1px solid #e2e6ea;border-bottom:0;justify-content:flex-end;gap:8px}.drawer-content[data-v-5284ce2c]{flex:1;overflow-y:auto;padding:16px}.rule-form[data-v-5284ce2c]{margin-top:16px}.field-hint[data-v-5284ce2c],.inline-hint[data-v-5284ce2c]{color:#64748b;font-size:11px;line-height:1.5}.inline-hint[data-v-5284ce2c]{margin-left:8px}@media (max-width:1100px){.overview-grid[data-v-5284ce2c]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-header[data-v-5284ce2c]{align-items:flex-start;flex-direction:column}.header-ip[data-v-5284ce2c]{padding-left:0;border-left:0}.overview-grid[data-v-5284ce2c]{grid-template-columns:1fr}.toolbar[data-v-5284ce2c]{flex-wrap:wrap}.search-input[data-v-5284ce2c]{width:100%}}