*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0a0a0a;--card: #141414;--border: #1e1e1e;--hover: #1a1a1a;--text: #e5e5e5;--text-dim: #737373;--text-muted: #525252;--critical: #ef4444;--high: #f97316;--medium: #eab308;--low: #3b82f6;--info-color: #6b7280;--accent: #a3a3a3;--badge-critical-bg: rgba(239,68,68,.15);--badge-high-bg: rgba(249,115,22,.15);--badge-medium-bg: rgba(234,179,8,.15);--badge-low-bg: rgba(59,130,246,.15);--badge-info-bg: rgba(107,114,128,.15);--toggle-bg: #1e1e1e;--toggle-knob: #e5e5e5}[data-theme=light]{--bg: #fafafa;--card: #ffffff;--border: #e5e5e5;--hover: #f5f5f5;--text: #171717;--text-dim: #525252;--text-muted: #737373;--critical: #dc2626;--high: #ea580c;--medium: #ca8a04;--low: #2563eb;--info-color: #6b7280;--accent: #404040;--badge-critical-bg: rgba(220,38,38,.1);--badge-high-bg: rgba(234,88,12,.1);--badge-medium-bg: rgba(202,138,4,.1);--badge-low-bg: rgba(37,99,235,.1);--badge-info-bg: rgba(107,114,128,.1);--toggle-bg: #e5e5e5;--toggle-knob: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.header h1{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.header-nav{display:flex;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:2px}.header-nav button{background:none;border:none;color:var(--text-dim);padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;font-weight:500;transition:all .15s}.header-nav button:hover{color:var(--text)}.header-nav button.active{background:var(--hover);color:var(--text)}.filter-bar{position:sticky;top:56px;z-index:90;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.cat-dropdown{position:relative}.cat-btn{background:var(--card);border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:160px}.cat-btn:hover{border-color:var(--text-muted)}.cat-btn .arrow{font-size:10px;margin-left:auto}.cat-panel{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 0;min-width:240px;box-shadow:0 8px 24px #00000026;z-index:200}.cat-panel.open{display:block}.cat-panel-actions{display:flex;gap:8px;padding:4px 12px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.cat-panel-actions button{background:none;border:none;color:var(--low);font-size:12px;cursor:pointer;padding:0}.cat-panel-actions button:hover{text-decoration:underline}.cat-group-label{font-size:11px;color:var(--text-muted);padding:6px 12px 2px;text-transform:uppercase;letter-spacing:.04em}.cat-option{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-size:13px;color:var(--text-dim)}.cat-option:hover{background:var(--hover)}.cat-option input{accent-color:var(--low)}.cat-option.checked{color:var(--text)}.sev-pills{display:flex;gap:4px}.sev-pill{border:1px solid var(--border);background:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;opacity:.4}.sev-pill.on{opacity:1}.sev-pill[data-sev=CRITICAL]{color:var(--critical)}.sev-pill[data-sev=CRITICAL].on{background:var(--badge-critical-bg);border-color:var(--critical)}.sev-pill[data-sev=HIGH]{color:var(--high)}.sev-pill[data-sev=HIGH].on{background:var(--badge-high-bg);border-color:var(--high)}.sev-pill[data-sev=MEDIUM]{color:var(--medium)}.sev-pill[data-sev=MEDIUM].on{background:var(--badge-medium-bg);border-color:var(--medium)}.sev-pill[data-sev=LOW]{color:var(--low)}.sev-pill[data-sev=LOW].on{background:var(--badge-low-bg);border-color:var(--low)}.sev-pill[data-sev=INFO]{color:var(--info-color)}.sev-pill[data-sev=INFO].on{background:var(--badge-info-bg);border-color:var(--info-color)}.theme-toggle{display:flex;align-items:center;gap:8px}.theme-toggle span{font-size:14px;line-height:1}.toggle-track{width:36px;height:20px;background:var(--toggle-bg);border-radius:10px;cursor:pointer;position:relative;transition:background .2s;border:1px solid var(--border)}.toggle-knob{width:14px;height:14px;background:var(--toggle-knob);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 2px #0003}[data-theme=light] .toggle-knob{transform:translate(16px)}.seg-ctrl{display:flex;background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg-ctrl button{background:none;border:none;border-right:1px solid var(--border);color:var(--text-dim);padding:5px 12px;font-size:12px;cursor:pointer;font-weight:500}.seg-ctrl button:last-child{border-right:none}.seg-ctrl button:hover{color:var(--text)}.seg-ctrl button.active{background:var(--hover);color:var(--text)}.main{padding:72px 24px 40px}.main.has-filters{padding-top:16px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-CRITICAL{color:var(--critical);background:var(--badge-critical-bg)}.badge-HIGH{color:var(--high);background:var(--badge-high-bg)}.badge-MEDIUM{color:var(--medium);background:var(--badge-medium-bg)}.badge-LOW{color:var(--low);background:var(--badge-low-bg)}.badge-INFO{color:var(--info-color);background:var(--badge-info-bg)}.feed-count{font-size:13px;color:var(--text-dim);padding:16px 0 8px}.feed-table{width:100%;border-collapse:collapse}.feed-table th{text-align:left;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid var(--border);font-weight:500;background:var(--bg)}.feed-table td{padding:0 12px;height:44px;border-bottom:1px solid var(--border);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.feed-table tr.row{cursor:pointer;transition:background .1s}.feed-table tr.row:hover{background:var(--hover)}.feed-table .col-time{width:90px;color:var(--text-dim)}.feed-table .col-sev{width:90px}.feed-table .col-cat{width:200px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--accent)}.feed-table .col-route{width:220px;color:var(--text-dim)}.feed-table .col-msg{color:var(--text-dim)}.empty-state{text-align:center;padding:64px 0;color:var(--text-muted);font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding-top:16px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;border-left:3px solid}.summary-card h3{font-size:36px;font-weight:700;margin-bottom:2px}.summary-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:12px}.summary-card .breakdown{font-size:12px;color:var(--text-dim);line-height:1.8;font-family:SF Mono,Fira Code,Consolas,monospace}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px}.stat-card .stat-value{font-size:28px;font-weight:700}.stat-card .stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.stat-card .stat-delta{font-size:12px;margin-top:4px;font-weight:500}.stat-delta.better{color:#22c55e}.stat-delta.worse{color:var(--critical)}.detail-back{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:16px 0;display:flex;align-items:center;gap:6px}.detail-back:hover{color:var(--text)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.detail-header .cat{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:18px;font-weight:600}.detail-header .ts{color:var(--text-dim);font-size:13px}.detail-section{margin-bottom:20px}.detail-section h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.detail-section pre{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-dim);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.meta-item{background:var(--card);padding:12px 16px}.meta-item .meta-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.meta-item .meta-value{font-size:14px;font-family:SF Mono,Fira Code,Consolas,monospace}details{margin-top:20px}details summary{font-size:13px;color:var(--text-dim);cursor:pointer;padding:8px 0}details summary:hover{color:var(--text)}details pre{margin-top:8px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px 32px;width:100%;max-width:380px}.login-card h2{font-size:20px;font-weight:700;margin-bottom:4px;text-align:center}.login-subtitle{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:24px}.login-card input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;margin-bottom:12px;outline:none}.login-card input:focus{border-color:var(--text-muted)}.login-card button[type=submit]{width:100%;padding:10px;background:var(--text);color:var(--bg);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.login-card button[type=submit]:hover{opacity:.85}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--critical);font-size:13px;margin-bottom:12px}.logout-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:500;transition:all .15s}.logout-btn:hover{color:var(--text);border-color:var(--text-muted)}.admin-btn{background:var(--text);color:var(--bg);border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.admin-btn:hover{opacity:.85}.admin-form{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.admin-form input,.admin-form select{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;flex:1;min-width:140px}.admin-form select{cursor:pointer}.admin-remove-btn{background:none;border:none;color:var(--critical);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.admin-remove-btn:hover{background:var(--badge-critical-bg)}@media (max-width: 768px){.header{padding:0 16px}.filter-bar{padding:12px 16px}.main{padding:0 16px 40px}.meta-grid{grid-template-columns:1fr}.feed-table .col-route{display:none}}