:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-lg:14px;--text-xl:16px;--text-2xl:20px;--text-3xl:28px;--text-4xl:32px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--bg-page:#f5f5f7;--bg-surface:#fff;--bg-elevated:#f0f0f2;--bg-hover:#e8e8ec;--bg-selected:#dbeafe;--bg-card:#fff;--bg-stripe:#fafafa;--border-subtle:#e5e5e7;--border-default:#d4d4d8;--border-strong:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-inverse:#fafafa;--accent-cyan:#0891b2;--accent-emerald:#059669;--accent-violet:#7c3aed;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-blue:#2563eb;--accent-orange:#ea580c;--accent-teal:#0d9488;--severity-info:#16a34a;--severity-warn:#ca8a04;--severity-error:#dc2626;--severity-audit:#6366f1;--scrollbar-thumb:#d4d4d8;--scrollbar-track:#f0f0f2;--header-height:44px;--kpi-card-min:220px;--table-row-height:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-normal);background:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.5}::selection{color:var(--text-primary);background:#3b82f64d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-header{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:0 var(--space-md);align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.layout-header-left{align-items:center;gap:var(--space-sm);display:flex}.header-icon{color:var(--accent-cyan);flex-shrink:0}.layout-header h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.3px;color:var(--text-primary);white-space:nowrap}.layout-header-center{flex:1;justify-content:center;align-items:center;display:flex}.layout-header-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.header-toolbar{align-items:center;gap:2px;display:flex}.tb-btn{color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;transition:all .1s;display:inline-flex}.tb-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--text-primary)}.tb-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 4px}.layout-main{padding:var(--space-md) var(--space-lg);flex:1;width:100%;max-width:1440px;margin:0 auto}.layout-footer{height:36px;padding:0 var(--space-lg);border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.footer-count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.footer-brand{font-size:var(--text-xs);color:var(--text-muted);opacity:.6}.tab-bar{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-lg);z-index:5;background:var(--bg-page);gap:0;display:flex;position:sticky;top:0}.tab{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-lg);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#0891b214}.tab-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--bg-elevated);color:var(--text-muted);border-radius:10px;padding:1px 6px}.overview-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width>=960px){.overview-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.summary-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);border-top:2px solid var(--border-default);flex-direction:column;min-height:160px;transition:border-color .15s;display:flex}.summary-card[data-accent=cyan]{border-top-color:var(--accent-cyan)}.summary-card[data-accent=emerald]{border-top-color:var(--accent-emerald)}.summary-card[data-accent=violet]{border-top-color:var(--accent-violet)}.summary-card[data-accent=amber]{border-top-color:var(--accent-amber)}.summary-card:hover{border-color:var(--border-strong)}.summary-card-title{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:var(--space-xs)}.summary-card-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.summary-card[data-accent=cyan] .summary-card-value{color:var(--accent-cyan)}.summary-card[data-accent=emerald] .summary-card-value{color:var(--accent-emerald)}.summary-card[data-accent=violet] .summary-card-value{color:var(--accent-violet)}.summary-card[data-accent=amber] .summary-card-value{color:var(--accent-amber)}.summary-card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.mini-chart{margin-top:var(--space-sm);flex-direction:column;flex:1;gap:3px;display:flex}.mini-bar-row{align-items:center;gap:var(--space-sm);height:18px;font-size:var(--text-xs);display:flex}.mini-bar-label{text-overflow:ellipsis;white-space:nowrap;width:80px;color:var(--text-secondary);flex-shrink:0;overflow:hidden}.mini-bar-track{background:var(--bg-elevated);border-radius:3px;flex:1;height:6px;overflow:hidden}.mini-bar-fill{background:var(--accent-amber);border-radius:3px;height:100%;transition:width .3s;display:block}.mini-bar-value{text-align:right;font-variant-numeric:tabular-nums;width:28px;color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0}.mini-bar-more{font-size:var(--text-xs);color:var(--text-muted);padding-top:2px}.overview-section{margin-bottom:var(--space-lg)}.section-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.section-action{color:var(--accent-cyan);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 8px;transition:background .15s}.section-action:hover{background:#06b6d41a}.recent-list{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.recent-row{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);padding:4px 12px;line-height:1.3;transition:background .1s;display:flex}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:var(--bg-hover)}.recent-type{color:var(--text-primary);font-weight:var(--weight-medium);flex:1}.recent-time{text-align:right;width:60px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.recent-size{text-align:right;width:56px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.event-type-section{margin-bottom:var(--space-lg)}.event-type-section-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.event-type-section-header h2{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.event-type-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.event-type-badge{align-items:center;gap:var(--space-xs);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui);color:var(--text-secondary);padding:2px 8px;transition:background .15s;display:inline-flex}.event-type-badge:hover{background:var(--bg-hover);color:var(--text-primary)}.event-type-badge .count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.event-type-badge .count:before{content:": "}.event-filter{gap:var(--space-sm);margin-bottom:var(--space-md);background:var(--bg-surface);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;display:flex}.filter-group{align-items:center;gap:4px;display:flex;position:relative}.filter-trigger{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-lg);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;outline:none;padding:6px 10px;transition:border-color .15s}.filter-trigger:hover{border-color:var(--border-strong)}.filter-date{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-lg);font-family:var(--font-ui);outline:none;width:130px;padding:6px 8px;transition:border-color .15s}.filter-date:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f626}.filter-date-sep{color:var(--text-muted);font-size:var(--text-sm)}.filter-quick{gap:2px;display:flex}.filter-quick button{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui);cursor:pointer;padding:4px 8px}.filter-quick button:hover{color:var(--text-primary);border-color:var(--border-default)}.filter-search{background:var(--bg-elevated);border:1px solid var(--border-default);min-width:140px;color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-lg);font-family:var(--font-ui);outline:none;flex:1;padding:6px 10px;transition:border-color .15s}.filter-search:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f626}.filter-search::placeholder{color:var(--text-muted)}.filter-dropdown{z-index:20;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);flex-direction:column;min-width:240px;max-height:360px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001a}.filter-dropdown-right{left:auto;right:0}.filter-dropdown-header{border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.filter-dropdown-header button{color:var(--accent-cyan);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:2px 6px}.filter-dropdown-header button:hover{text-decoration:underline}.filter-dropdown-list{flex:1;padding:4px 0;overflow-y:auto}.filter-option{cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:3px 10px;transition:background .1s;display:flex}.filter-option:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-option input[type=checkbox]{accent-color:var(--accent-cyan);flex-shrink:0}.filter-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-cache-btn{color:var(--accent-cyan);border-color:var(--accent-cyan);font-size:var(--text-sm);padding:6px 10px}.filter-cache-search{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui);outline:none;margin:6px;padding:6px 10px}.filter-cache-search:focus{border-color:var(--accent-blue)}.filter-cache-loading{font-size:var(--text-sm);color:var(--text-muted);padding:6px 10px}.filter-cache-results{border-top:1px solid var(--border-subtle);max-height:200px;overflow-y:auto}.filter-cache-result{font-size:var(--text-sm);cursor:default;padding:4px 10px}.filter-cache-result:hover{background:var(--bg-hover)}.filter-cache-type{color:var(--accent-cyan);font-weight:var(--weight-medium);margin-right:6px}.filter-cache-snippet{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.filter-cache-more{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:4px 10px}.active-filters{gap:var(--space-xs);margin-bottom:var(--space-sm);padding:0 var(--space-sm);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);padding:2px 8px;display:inline-flex}.filter-chip .remove{cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);line-height:1}.filter-chip .remove:hover{color:var(--accent-rose)}.event-table{position:relative}.event-table-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.event-table .table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.event-table table{border-collapse:collapse;width:100%;font-size:var(--text-base);font-variant-numeric:tabular-nums}.event-table thead{z-index:2;position:sticky;top:0}.event-table th{text-align:left;background:var(--bg-surface);border-bottom:2px solid var(--border-subtle);color:var(--text-secondary);font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:8px 12px}.event-table th.sortable{cursor:pointer}.event-table th.sortable:hover{color:var(--text-primary)}.event-table th .sort-indicator{margin-left:var(--space-xs);color:var(--text-muted);display:inline-block}.event-table th.sortable:hover .sort-indicator{color:var(--accent-amber)}.event-table td{border-bottom:1px solid var(--border-subtle);font-size:var(--text-base);height:var(--table-row-height);vertical-align:middle;padding:6px 12px;line-height:1.4}.event-table tbody tr{transition:background .1s}.event-table tbody tr:nth-child(2n){background:var(--bg-stripe)}.event-table tbody tr:hover{background:var(--bg-hover)}.event-table td.event-type-cell{font-family:var(--font-ui);font-weight:var(--weight-medium)}.event-key-cell{max-width:320px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-violet)}.key-line{flex-direction:column;gap:1px;display:flex}.key-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-pre{font-size:var(--text-xs);color:var(--text-secondary);max-height:120px;overflow-y:auto}.inline-detail{border-top:1px solid var(--border-subtle);flex-direction:column;gap:1px;margin-top:2px;padding:4px 0;display:flex}.inline-row{font-size:var(--text-xs);color:var(--text-primary);font-family:var(--font-ui);line-height:1.4}.inline-lbl{text-transform:uppercase;letter-spacing:.5px;width:40px;color:var(--text-muted);font-size:10px;font-weight:var(--weight-semibold);flex-shrink:0;display:inline-block}.inline-close{color:var(--accent-cyan);font-size:var(--text-xs);cursor:pointer;text-align:left;font-family:var(--font-ui);background:0 0;border:none;padding:2px 0}.inline-close:hover{text-decoration:underline}.event-table td.size-cell{text-align:right;font-variant-numeric:tabular-nums}.pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) 0;display:flex}.pagination button{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-lg);font-weight:var(--weight-medium);min-width:72px;padding:6px 14px;transition:background .15s,border-color .15s}.pagination button:not(:disabled):hover{background:var(--bg-hover);border-color:var(--border-strong)}.pagination button:disabled{opacity:.4;cursor:default}.pagination button.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.pagination button.primary:not(:disabled):hover{background:#2563eb}.pagination span{font-size:var(--text-base);color:var(--text-secondary)}.pagination span strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.pagination .page-jump{align-items:center;gap:var(--space-xs);display:inline-flex}.pagination .page-jump input{background:var(--bg-elevated);border:1px solid var(--border-default);width:56px;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-base);text-align:center;outline:none;padding:4px 8px}.pagination .page-jump input:focus{border-color:var(--accent-blue)}.pagination .per-page{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);display:inline-flex}.pagination .per-page select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;outline:none;padding:3px 6px}.pagination .per-page select:focus{border-color:var(--accent-blue)}.severity-dot{width:8px;height:8px;margin-right:var(--space-xs);border-radius:50%;flex-shrink:0;display:inline-block}.loading{padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);flex-direction:column;min-height:200px;display:flex}.loading-spinner{border:3px solid var(--border-default);border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row{height:var(--table-row-height);background:linear-gradient(90deg, var(--bg-stripe) 25%, var(--bg-elevated) 50%, var(--bg-stripe) 75%);border-radius:var(--radius-sm);background-size:200% 100%;margin-bottom:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);text-align:center;flex-direction:column;min-height:240px;display:flex}.empty-state svg{opacity:.4}.empty-state h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-secondary)}.empty-state p{font-size:var(--text-lg);max-width:400px}.empty-state button{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-lg);padding:6px 16px;transition:background .15s}.empty-state button:hover{background:var(--bg-hover)}.error-banner{align-items:center;gap:var(--space-md);color:#991b1b;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-base);background:#fef2f2;border:1px solid #fecaca;display:flex}.error-banner button{color:#991b1b;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);background:#fecaca;border:1px solid #fca5a5;margin-left:auto;padding:4px 12px}.error-banner button:hover{background:#fca5a5}.freshness-badge{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.freshness-dot{background:var(--severity-info);border-radius:50%;width:8px;height:8px}.row-actions{visibility:hidden;opacity:0;transition:opacity .1s;position:relative}tr:hover .row-actions{visibility:visible;opacity:1}.row-actions button{color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;padding:2px 4px}.row-actions button:hover{color:var(--text-primary)}.row-expanded td{background:var(--bg-selected)!important}.inline-loading{font-size:var(--text-sm);color:var(--text-muted);padding:4px 0}.inline-detail{margin-top:var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.inline-records-nav{align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);padding:6px 10px;display:flex}.inline-records-nav button{border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-lg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:0 6px;line-height:1.4}.inline-records-nav button:disabled{opacity:.3;cursor:default}.inline-records-nav button:not(:disabled):hover{background:var(--bg-hover);border-color:var(--border-default)}.inline-fields{padding:var(--space-sm);flex-direction:column;gap:2px;max-height:400px;display:flex;overflow-y:auto}.inline-field{font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:4px;padding:2px 0;line-height:1.4;display:flex}.inline-field:last-child{border-bottom:none}.inline-field-key{width:140px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;flex-shrink:0}.inline-field-type{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:3px;flex-shrink:0;margin-top:1px;padding:0 4px;font-size:9px;line-height:1.5}.inline-field-val{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;white-space:pre-wrap;flex:1}.copy-btn{color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 2px;line-height:1.4;transition:opacity .1s}.inline-field:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--accent-cyan)}.inline-expand{color:var(--accent-cyan);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-xs);background:0 0;border:none;margin-left:4px;padding:0 2px}.inline-expand:hover{text-decoration:underline}.inline-search{border-bottom:1px solid var(--border-subtle);padding:6px 10px}.inline-search-input{background:var(--bg-elevated);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui);outline:none;padding:4px 8px}.inline-search-input:focus{border-color:var(--accent-blue)}.inline-actions{align-items:center;gap:var(--space-xs);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);padding:6px 10px;display:flex}.inline-action{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:3px 8px}.inline-action:hover{background:var(--bg-hover);color:var(--text-primary)}.inline-action-close{color:var(--accent-rose);border-color:var(--accent-rose);margin-left:auto}.inline-raw{padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-stripe);color:var(--text-secondary);white-space:pre;border-top:1px solid var(--border-subtle);max-height:300px;margin:0;line-height:1.4;overflow:auto}.export-btn{background:var(--accent-emerald);color:var(--text-inverse);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);border:none;padding:4px 12px;transition:opacity .15s}.export-btn:hover{opacity:.85}.table-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.density-toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.density-toggle button{color:var(--text-muted);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;line-height:1;transition:background .1s,color .1s;display:inline-flex}.density-toggle button.active{background:var(--bg-hover);color:var(--text-primary)}.density-toggle button:hover:not(.active){color:var(--text-secondary)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;padding:4px 8px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.alerts-tab{gap:var(--space-md);flex-direction:column;display:flex}.alerts-header{justify-content:space-between;align-items:center;display:flex}.alerts-header h2{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.btn-primary{align-items:center;gap:var(--space-xs);background:var(--accent-cyan);color:var(--text-inverse);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:none;padding:6px 14px;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-ghost{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.alert-builder{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.builder-section{gap:var(--space-sm);flex-direction:column;display:flex}.builder-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);align-items:center;gap:var(--space-sm);display:flex}.builder-name-input{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-lg);font-family:var(--font-ui);outline:none;width:100%;padding:6px 10px}.builder-name-input:focus{border-color:var(--accent-blue)}.conditions-list{gap:var(--space-xs);flex-direction:column;display:flex}.condition-row{align-items:center;gap:var(--space-xs);display:flex}.condition-row select,.condition-row input{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui);outline:none;padding:4px 8px}.condition-row select{min-width:130px}.condition-row input[type=text]{flex:1;min-width:100px}.condition-row select:focus,.condition-row input:focus{border-color:var(--accent-blue)}.builder-actions{justify-content:space-between;align-items:center;display:flex}.match-toggle{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;display:flex}.match-toggle input{accent-color:var(--accent-cyan)}.field-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.field-chip{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);cursor:pointer;border-radius:10px;padding:2px 8px}.field-chip:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-cyan)}.preview-list{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-stripe);max-height:300px;overflow-y:auto}.preview-empty{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.preview-loading{color:var(--accent-amber);font-weight:var(--weight-normal)}.preview-stats{color:var(--accent-emerald);font-weight:var(--weight-normal)}.preview-row{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);padding:4px 10px;display:flex}.preview-row:last-child{border-bottom:none}.preview-row:hover{background:var(--bg-hover)}.preview-type{width:160px;color:var(--accent-cyan);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-pod{width:100px;color:var(--text-muted)}.preview-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:1}.preview-size{text-align:right;width:50px;color:var(--text-muted)}.preview-more{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:4px 10px}.builder-footer{align-items:center;gap:var(--space-sm);display:flex}.alerts-list{gap:var(--space-xs);flex-direction:column;display:flex}.empty-alerts{align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.empty-alerts p{font-size:var(--text-sm);max-width:360px}.alert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;transition:border-color .15s;display:flex}.alert-card:hover{border-color:var(--border-default)}.alert-card.disabled{opacity:.5}.alert-card-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.alert-card-body{cursor:pointer;flex:1;min-width:0}.alert-card-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.alert-card-conditions{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.alert-card-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.cond-op{color:var(--accent-cyan)}.alert-cond-chip{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);border-radius:3px;padding:1px 6px}.toggle-switch{cursor:pointer;flex-shrink:0;align-items:center;width:36px;height:20px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-slider{background:var(--accent-emerald);border-color:var(--accent-emerald)}.toggle-slider:after{content:"";background:var(--text-inverse);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider:after{transform:translate(16px)}.template-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr 1fr;width:100%;max-width:400px;display:grid}.template-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);text-align:left;cursor:pointer;font-family:var(--font-ui);transition:border-color .15s}.template-card:hover{border-color:var(--accent-cyan)}.template-card-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.template-card-conds{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.inline-enrich{padding:var(--space-sm) 10px;border-bottom:1px solid var(--border-subtle);gap:var(--space-xs);flex-direction:column;display:flex}.inline-enrich-item{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);display:flex}.inline-enrich-label{text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--accent-violet);flex-shrink:0;width:70px}.inline-enrich-title{color:var(--text-primary);font-weight:var(--weight-medium)}.inline-enrich-detail{color:var(--text-muted);font-size:var(--text-xs)}@media (width<=768px){.layout-header{padding:0 var(--space-md)}.layout-main{padding:var(--space-md)}.summary-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.event-filter{flex-direction:column}.event-filter select{min-width:unset;width:100%}.pagination{flex-wrap:wrap}}