#securityCenter { padding: 12px 16px 28px; }
.sec-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 14px; }
.sec-head h1 { font-size: 20px; margin: 0; color: var(--label, #1f2937); }
.sec-sub { font-size: 12px; color: var(--muted, #6b7280); margin-top: 2px; }
.sec-flash { margin-left: 10px; color: #16a34a; font-size: 12px; }
.sec-cards { display: flex; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.sec-card { flex: 1 1 160px; background: var(--panel, #fff); border: 1px solid var(--border, #e5e7eb); border-radius: 10px; padding: 12px 16px; display: flex; flex-direction: column; gap: 6px; }
.sec-card span { font-size: 12px; color: var(--muted, #6b7280); }
.sec-card strong { font-size: 26px; color: var(--label, #111827); }
.sec-tabs { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.sec-panel { margin-bottom: 14px; }
.sec-actions { white-space: nowrap; }
.sec-actions .btn-ghost, .sec-actions .btn-primary { margin-right: 4px; }
.sec-add { display: flex; gap: 8px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.sec-add input { padding: 6px 8px; border: 1px solid var(--border, #d1d5db); border-radius: 6px; background: var(--input-bg, #fff); color: var(--label, #111827); }
.sec-badge { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; line-height: 18px; }
.sec-badge.green { background: rgba(22,163,74,.14); color: #16a34a; }
.sec-badge.red { background: rgba(220,38,38,.14); color: #dc2626; }
.sec-badge.orange { background: rgba(234,88,12,.16); color: #ea580c; }
.sec-badge.blue { background: rgba(37,99,235,.14); color: #2563eb; }