:root{--color-bg-base: #0a0e1a;--color-bg-surface: #0f1524;--color-bg-elevated: #141c2e;--color-bg-card: #192035;--color-bg-card-hover: #1e2840;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .12);--color-accent: #00e5c3;--color-accent-dim: rgba(0, 229, 195, .12);--color-accent-glow: rgba(0, 229, 195, .25);--color-warning: #f59e0b;--color-danger: #ef4444;--color-success: #10b981;--color-text-primary: #f0f4ff;--color-text-secondary: #8b9cc8;--color-text-muted: #4a5578;--color-allow: #10b981;--color-allow-bg: rgba(16, 185, 129, .1);--color-review: #f59e0b;--color-review-bg: rgba(245, 158, 11, .1);--color-block: #ef4444;--color-block-bg: rgba(239, 68, 68, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.05);--shadow-elevated: 0 8px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);--shadow-glow: 0 0 24px var(--color-accent-glow);--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.4}h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}p{color:var(--color-text-secondary);line-height:1.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-allow{color:var(--color-allow);background:var(--color-allow-bg)}.badge-review{color:var(--color-review);background:var(--color-review-bg)}.badge-block{color:var(--color-block);background:var(--color-block-bg)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent);color:var(--color-accent)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:#000;font-weight:600}.btn-accent:hover{background:#00ccad;box-shadow:var(--shadow-glow)}.accent-line{display:inline-block;width:32px;height:2px;background:var(--color-accent);border-radius:1px}