:root,[data-theme=light]{--bg: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--success: #059669;--warning: #d97706;--danger: #dc2626;--info: #0284c7;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.1)}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #60a5fa;--accent-hover: #93c5fd;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #38bdf8;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-secondary);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.layout{display:flex;flex-direction:column;min-height:100vh}.topnav{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 1.5rem;flex-shrink:0;min-height:56px}.topnav-brand h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.topnav-menu{display:flex;align-items:center;gap:.25rem;flex:1}.topnav-dropdown{position:relative}.topnav-item,.topnav-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s,background .15s;background:none;border:none;cursor:pointer;font-family:inherit}.topnav-item:hover,.topnav-trigger:hover{color:var(--text);background:var(--bg-secondary)}.topnav-item.active,.topnav-dropdown.active .topnav-trigger{color:var(--accent)}.topnav-trigger.open{background:var(--bg-secondary)}.topnav-chevron{font-size:.7rem;transition:transform .2s}.topnav-trigger.open .topnav-chevron{transform:rotate(180deg)}.topnav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,visibility .2s,transform .2s;z-index:100}.topnav-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.topnav-dropdown-item{display:block;padding:.5rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.topnav-dropdown-item:hover{color:var(--text);background:var(--bg-secondary)}.topnav-dropdown-item.active{color:var(--accent);background:#2563eb14}.topnav-user{margin-left:auto}.topnav-user-info{display:flex;align-items:center;gap:.75rem}.topnav-username{font-size:.875rem;color:var(--text-muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin-right:.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.theme-icon{font-size:1.1rem;line-height:1}.main-content{flex:1;padding:1.5rem 2rem;overflow-x:hidden;min-height:0}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text)}.page-header p{margin:0;font-size:.9rem;color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.card h3{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--bg-card);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#dc262614}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow)}.stat-card .label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.stat-card .value{font-size:1.75rem;font-weight:700;color:var(--text)}.stat-card .value.allowed{color:var(--success)}.stat-card .value.blocked{color:var(--danger)}.stat-card .value.monitor{color:var(--warning)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}tr:hover{background:var(--bg-secondary)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:6px}.badge-allow{background:#0596691f;color:var(--success)}.badge-block{background:#dc26261f;color:var(--danger)}.badge-step-up{background:#d977061f;color:var(--warning)}.badge-monitor{background:#0284c71f;color:var(--info)}.badge-rate-limit{background:#d977061f;color:var(--warning)}.mono{font-family:ui-monospace,monospace}.status-200{color:var(--success)}.status-4xx{color:var(--warning)}.status-5xx{color:var(--danger)}.loading{padding:2rem;color:var(--text-muted)}