*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0d1117;color:#c9d1d9;overflow-x:hidden}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-primary: #58a6ff;--accent-secondary: #79c0ff;--success: #3fb950;--danger: #f85149;--warning: #d29922}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#444c56}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}button{font-family:inherit}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .3s ease;font-weight:500}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background-color:var(--accent-primary);color:var(--bg-primary)}.btn.btn-primary:hover:not(:disabled){background-color:var(--accent-secondary)}.btn.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background-color:#262c36;border-color:var(--accent-primary)}.btn.btn-danger{background-color:var(--danger);color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:#f97583}.btn.btn-success{background-color:var(--success);color:#fff}.btn.btn-success:hover:not(:disabled){background-color:#26843b}.btn.btn-small{padding:.25rem .75rem;font-size:.75rem}input,textarea,select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:4px;font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff1a}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-secondary)}.badge{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.badge.badge-ingress{background-color:#3fb9501a;border-color:var(--success);color:var(--success)}.badge.badge-egress{background-color:#f851491a;border-color:var(--danger);color:var(--danger)}.badge.badge-allow{background-color:#3fb9501a;border-color:var(--success);color:var(--success)}.badge.badge-deny{background-color:#f851491a;border-color:var(--danger);color:var(--danger)}