:root{--bg-primary:#f8fafc;--bg-surface:#fff;--accent-primary:#20a53a;--accent-hover:#1c9233;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--text-main:#333;--text-muted:#666;--text-light:#999;--border-color:#e2e8f0;--danger:#ef4444;--success:#20a53a;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000000a}.btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-blue{background:var(--accent-blue)}.btn-blue:hover{background:var(--accent-blue-hover)}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#f1f5f9;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #20a53a1a}.label{color:var(--text-main);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.app-container{min-height:100vh;display:flex}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.85rem;font-weight:500}td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:16px;font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.website-table{overflow-x:auto}.website-table table{table-layout:fixed;min-width:760px}.website-table td,.website-table th{overflow-wrap:anywhere}.website-table th:nth-child(2){width:24%}.website-table th:last-child{width:22%}.website-table td:last-child>div{flex-wrap:wrap}.website-table td,.website-table th{padding:12px 8px}.website-table th{overflow-wrap:normal;font-size:.75rem}.website-table td:nth-child(2) span{display:block}.website-table th:first-child,.website-table th:nth-child(2){width:25%}.waf-page{color:#334155;height:100%;padding:28px;overflow-y:auto}.waf-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.waf-header h1{align-items:center;gap:10px;margin-bottom:6px;font-size:1.5rem;display:flex}.waf-header select{width:min(100%,340px)}.waf-muted{color:#94a3b8;font-size:.82rem}.waf-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.waf-summary .card{align-items:center;gap:16px;padding:20px;display:flex}.waf-summary svg{color:#2563eb}.waf-summary strong{margin-top:5px;font-size:1.12rem;display:block}.waf-tabs{border-bottom:1px solid #e2e8f0;gap:24px;margin-bottom:20px;display:flex}.waf-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;display:flex}.waf-tabs button.selected{color:#2563eb;border-bottom-color:#2563eb}.waf-settings{padding:24px}.waf-section{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:24px}.waf-section h3,.waf-events h3{margin-bottom:12px;font-size:.92rem;font-weight:600}.waf-modes{gap:12px;margin-bottom:12px;display:flex}.waf-modes button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.waf-modes button.selected{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.waf-two{grid-template-columns:1fr 1fr;gap:24px;display:grid}.waf-toggle{justify-content:space-between;align-items:center;gap:16px;display:flex}.waf-toggle small{color:#94a3b8;margin-top:6px;display:block}.waf-toggle input{accent-color:#2563eb;width:20px;height:20px}.waf-settings textarea{resize:vertical;font-family:monospace}.waf-settings footer,.waf-events header{justify-content:space-between;align-items:center;gap:16px;display:flex}.waf-events{padding:20px}.waf-events table{width:100%}.waf-events .waf-muted{margin-top:16px}.waf-badge{color:#dc2626;white-space:nowrap;background:#fef2f2;border-radius:6px;padding:4px 8px;font-size:.75rem}.waf-badge.monitor{color:#2563eb;background:#eff6ff}.waf-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.waf-error,.waf-success{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:12px 16px}.waf-success{color:#15803d;background:#f0fdf4}@media (width<=700px){.waf-header{flex-wrap:wrap}.waf-summary,.waf-two{grid-template-columns:1fr}.waf-modes{gap:6px}.waf-modes button{padding:12px 8px}}