*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--nav-bg: #0f172a;--nav-text: #94a3b8;--nav-active-bg: #1e293b;--nav-active-text: #f1f5f9;--nav-accent: #3b82f6;--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--accent: #3b82f6;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}.app-layout{display:flex;min-height:100vh}.app-nav{width:220px;min-width:220px;background:var(--nav-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.nav-logo{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #1e293b}.nav-logo .site{font-size:13px;color:#f1f5f9;font-weight:600;margin-bottom:2px}.nav-logo .sub{font-size:11px;color:var(--nav-text)}.nav-links{padding:.5rem;flex:1}.nav-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:7px;color:var(--nav-text);text-decoration:none;font-size:13px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--nav-active-bg);color:#e2e8f0}.nav-link.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.nav-link .icon{font-size:15px}.app-main{flex:1;min-width:0;padding:1.75rem;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-title{font-size:1.25rem;font-weight:700}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.125rem 1.25rem;box-shadow:var(--shadow)}.stat-card .label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem}.stat-card .value{font-size:1.75rem;font-weight:700;line-height:1}.stat-card .sub{font-size:12px;color:var(--text-muted);margin-top:.3rem}.stat-card.danger .value{color:var(--danger)}.stat-card.warning .value{color:var(--warning)}.stat-card.success .value{color:var(--success)}.stat-card.accent .value{color:var(--accent)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1.25rem}.chart-card h3{font-size:14px;font-weight:600;margin-bottom:1rem}.alerts{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.alert{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius);font-size:13px;line-height:1.45}.alert.danger{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert .alert-icon{font-size:16px;margin-top:1px}.period-select{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap}.period-btn{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.period-btn:hover{border-color:var(--accent);color:var(--accent)}.period-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.25rem}.table-card h3{font-size:14px;font-weight:600;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{background:#f8fafc;padding:.625rem 1rem;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border)}tbody td{padding:.625rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.block{background:#fef2f2;color:#b91c1c}.badge.challenge{background:#fffbeb;color:#92400e}.badge.log{background:#eff6ff;color:#1e40af}.badge.allow{background:#f0fdf4;color:#166534}.badge.skip{background:#f1f5f9;color:#64748b}.badge.managed_challenge{background:#fdf4ff;color:#7c3aed}.badge.active{background:#f0fdf4;color:#166534}.badge.inactive{background:#f1f5f9;color:#64748b}.zone-bar{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.25rem;font-size:13px;flex-wrap:wrap}.zone-bar .site-name{font-weight:700;font-size:15px}.zone-bar .sep{color:var(--border)}.zone-bar .kv{color:var(--text-muted)}.zone-bar .kv span{color:var(--text);font-weight:500}.loading,.error-msg{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:14px;color:var(--text-muted);flex-direction:column;gap:.75rem;text-align:center}.error-msg{color:var(--danger)}.expr-mono{font-family:SF Mono,Fira Mono,Consolas,monospace;font-size:11px;color:#334155;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec-level{display:inline-block;padding:.25rem .625rem;border-radius:5px;font-size:12px;font-weight:600}.sec-level.essentially_off{background:#f1f5f9;color:#64748b}.sec-level.low{background:#f0fdf4;color:#166534}.sec-level.medium{background:#fffbeb;color:#92400e}.sec-level.high,.sec-level.under_attack{background:#fef2f2;color:#b91c1c}