.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-container{width:100%;max-width:440px;margin:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border)}.modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close svg{width:18px;height:18px}.modal-body{padding:var(--space-lg)}.modal-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-lg)}.pref-group{margin-bottom:var(--space-md)}.pref-group-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.pref-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) 0}.pref-item:not(:last-child){border-bottom:1px solid var(--surface-border);padding-bottom:var(--space-md);margin-bottom:var(--space-sm)}.pref-info{flex:1;display:flex;flex-direction:column;gap:2px}.pref-label{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.pref-help{font-size:var(--text-base);color:var(--text-tertiary)}.pref-select{min-width:150px;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.pref-select:hover{border-color:var(--text-tertiary)}.pref-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-bg)}.pref-input{width:100px;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.pref-input:hover{border-color:var(--text-tertiary)}.pref-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-bg)}.modal-footer{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--surface-border);background:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.modal-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.modal-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--surface-border)}.modal-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn-primary{background:var(--accent-primary);color:var(--btn-primary-text);border:1px solid var(--accent-primary)}.modal-btn-primary:hover{background:var(--accent-primary-dim)}.theme-selector{display:flex;gap:var(--space-sm)}.theme-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.theme-option-active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.theme-option svg{width:16px;height:16px}.pref-toggle{display:flex;align-items:center;padding:0;background:none;border:none;cursor:pointer}.pref-toggle-track{position:relative;width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.pref-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.pref-toggle-on .pref-toggle-track{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.pref-toggle-on .pref-toggle-thumb{left:22px;background:var(--accent-primary)}.pref-toggle:hover .pref-toggle-track{border-color:var(--text-tertiary)}.pref-toggle:focus-visible .pref-toggle-track{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:480px){.modal-container{margin:var(--space-sm);max-width:none}.modal-header{padding:var(--space-sm) var(--space-md)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-md)}.modal-description{font-size:var(--text-sm);margin-bottom:var(--space-md)}.pref-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.pref-label,.pref-help{font-size:var(--text-sm)}.pref-select,.pref-input{width:100%;min-width:auto}.theme-selector{width:100%}.theme-option{flex:1;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.modal-footer{padding:var(--space-sm) var(--space-md)}.modal-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}}.about-modal{max-width:400px}.about-logo{text-align:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--surface-border);margin-bottom:var(--space-lg)}.about-logo-text{font-family:Roboto Condensed,sans-serif;font-size:var(--text-2xl);font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:block;margin-bottom:var(--space-sm)}.about-logo-night{color:var(--text-primary)}.about-logo-slash{color:var(--accent-primary);margin:0 2px}.about-logo-shift{color:var(--text-secondary)}.about-tagline{font-size:var(--text-sm);color:var(--text-tertiary);display:block}.about-loading{display:flex;justify-content:center;padding:var(--space-xl)}.about-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--surface-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.about-error{color:var(--status-critical);background:var(--status-critical-bg);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.about-versions{margin-bottom:var(--space-md)}.about-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.version-list{display:flex;flex-direction:column;gap:var(--space-sm)}.version-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);gap:var(--space-md)}.version-name{font-weight:500;color:var(--text-primary)}.version-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.version-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);font-weight:500}.version-build-time{font-size:var(--text-sm);color:var(--text-tertiary)}.version-unavailable{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.about-footer{justify-content:space-between}.about-links{display:flex;gap:var(--space-md)}.about-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.about-link:hover{color:var(--text-primary)}.about-link svg{width:16px;height:16px}@media(max-width:480px){.about-modal{max-width:none}.about-logo-text{font-size:var(--text-xl)}.about-tagline{font-size:var(--text-sm)}.version-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.version-info{align-items:flex-start}.version-name{font-size:var(--text-sm)}.about-footer{flex-direction:column;gap:var(--space-md)}.about-links{justify-content:center}}.support-modal{max-width:480px}.support-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.support-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.support-input{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:6px;color:var(--text-primary);font-size:var(--text-base)}.support-input-readonly{opacity:.7;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.support-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:6px;color:var(--text-primary);font-size:var(--text-base);font-family:inherit;resize:vertical;min-height:120px;line-height:1.5}.support-textarea:focus{outline:none;border-color:var(--accent-primary)}.support-textarea:disabled{opacity:.6}.support-error{background:var(--status-critical-bg);color:var(--status-critical);padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:var(--text-sm)}.support-sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;text-align:center}.support-sent-icon{width:48px;height:48px;color:var(--status-healthy)}.support-sent-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}@media(max-width:480px){.support-modal{max-width:none}}.ingestion-rate{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-md);cursor:default;gap:4px}.ingestion-rate-text{display:flex;align-items:baseline;gap:var(--space-xs)}.ingestion-rate-value{font-weight:600;color:var(--text-primary)}.ingestion-rate-unit{font-size:var(--text-sm);color:var(--text-tertiary)}.ingestion-rate-indicator{width:100%;height:2px;background:var(--status-success);border-radius:1px}@media(max-width:768px){.ingestion-rate{display:none}}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg);background:var(--bg-primary)}.unauthorized-content{max-width:420px;text-align:center;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.unauthorized-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--level-critical)}.unauthorized-icon svg{width:100%;height:100%}.unauthorized-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.unauthorized-message{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.unauthorized-email{font-size:var(--text-base);color:var(--text-tertiary);margin:0 0 var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.unauthorized-email strong{color:var(--text-primary);font-weight:500}.unauthorized-help{font-size:var(--text-base);color:var(--text-tertiary);margin:0 0 var(--space-lg) 0}.unauthorized-actions{display:flex;justify-content:center;gap:var(--space-md)}.unauthorized-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.unauthorized-btn:hover{background:var(--bg-hover);border-color:var(--surface-border-light)}@media(max-width:480px){.unauthorized-page{padding:var(--space-md)}.unauthorized-content{padding:var(--space-lg)}.unauthorized-icon{width:48px;height:48px}.unauthorized-title{font-size:var(--text-xl)}}.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--space-xl)}.header-right{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}.logo:hover{opacity:.9;color:var(--text-primary)}.logo-text{font-family:Roboto Condensed,sans-serif;font-size:var(--text-xl);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.logo-night{color:var(--text-primary)}.logo-slash{color:var(--accent-primary);margin:0 1px}.logo-shift{color:var(--text-secondary)}.nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-weight:500;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link-active{color:var(--accent-primary);background:var(--accent-primary-bg)}.nav-link-active:hover{color:var(--accent-primary)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.user-button:hover{background:var(--bg-hover)}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary-dim),var(--accent-primary));color:var(--btn-primary-text);font-weight:600;font-size:var(--text-base);border-radius:50%;overflow:hidden}.user-chevron{width:16px;height:16px;transition:transform var(--transition-fast)}.user-chevron-open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp .15s ease;overflow:hidden}.user-info{padding:var(--space-md)}.user-email{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.user-role{display:flex}.user-tenant{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.user-tenant-id{margin-left:var(--space-xs);color:var(--text-tertiary)}.role-badge{font-size:var(--text-sm);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.role-read{background:var(--status-info-bg);color:var(--status-info)}.role-write{background:var(--status-success-bg);color:var(--status-success)}.dropdown-divider{height:1px;background:var(--surface-border)}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item svg{width:16px;height:16px}.dropdown-item-logout:hover{color:var(--status-critical)}.main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:768px){.header{padding:0 var(--space-md);height:52px}.header-left{gap:var(--space-md)}.logo-text{font-size:var(--text-lg)}.nav{gap:0}.nav-link{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.user-dropdown{min-width:200px}}@media(max-width:480px){.header{padding:0 var(--space-sm);height:48px}.header-left{gap:var(--space-sm)}.logo-text{display:none}.nav-link{padding:var(--space-xs) var(--space-xs);font-size:var(--text-sm)}.user-button{padding:var(--space-xs)}.user-chevron{display:none}.user-dropdown{right:-8px;min-width:180px}}.search-bar-container{display:flex;align-items:stretch;gap:var(--space-md);flex:1}.search-bar{flex:1;position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0}.search-input-wrapper{flex:1;position:relative;min-width:0}textarea.search-input{width:100%;min-height:24px;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);line-height:24px;resize:none;overflow:hidden}textarea.search-input:focus{outline:none;box-shadow:none}textarea.search-input::placeholder{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-base)}.search-button{flex-shrink:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:var(--btn-primary-text);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);white-space:nowrap;transition:background-color var(--transition-fast),transform var(--transition-fast)}.search-button:hover{background:var(--accent-primary-dim)}.search-button:active{transform:scale(.98)}.search-button kbd{display:inline-flex;align-items:center;padding:3px 8px;background:#ffffff26;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500}.search-clear-btn{flex-shrink:0;width:28px;height:28px;margin-right:var(--space-xs);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-clear-btn svg{width:16px;height:16px}.suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .1s ease}.suggestions-loading{padding:var(--space-sm) var(--space-md);color:var(--text-tertiary);font-size:var(--text-base)}.suggestion-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast)}.suggestion-item:hover,.suggestion-item-active{background:var(--bg-hover)}.suggestion-type{flex-shrink:0;width:22px;height:22px;padding:4px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.suggestion-type svg{width:14px;height:14px}.suggestion-type-field{background:var(--status-info-bg);color:var(--status-info)}.suggestion-type-value{background:var(--status-success-bg);color:var(--status-success)}.suggestion-type-operator{background:var(--status-warning-bg);color:var(--status-warning)}.suggestion-text{flex:1;font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.history-container{position:relative;margin-right:var(--space-sm)}.history-button{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.history-button:hover{background:var(--bg-hover);color:var(--text-primary)}.history-button-active{background:var(--accent-primary-bg);color:var(--accent-primary)}.history-button svg{width:16px;height:16px}.history-popup{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:400px;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;animation:slideUp .15s ease}.history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-border);font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.history-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.history-loading{font-weight:400;color:var(--text-tertiary)}.history-clear-btn{font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);background:none;border:none;padding:2px 6px;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.history-clear-btn:hover{color:var(--status-critical);background:var(--status-critical-bg)}.history-list{flex:1;overflow-y:auto;max-height:350px}.history-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--text-base)}.history-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--transition-fast);border-bottom:1px solid var(--surface-border)}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-hover)}.history-query{flex:1;font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-time{flex-shrink:0;font-size:var(--text-sm);color:var(--text-tertiary)}.history-tooltip-fixed{position:fixed;transform:translate(-100%);z-index:10000;padding:var(--space-sm) var(--space-md);background:var(--bg-tooltip);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--text-tooltip);white-space:pre-wrap;word-break:break-all;max-width:min(600px,calc(100vw - 450px));pointer-events:none;animation:fadeIn .1s ease}@media(max-width:768px){.search-bar-container{gap:var(--space-sm)}.search-button{padding:var(--space-sm) var(--space-md)}.search-button kbd{display:none}.search-clear-btn{width:24px;height:24px}.search-clear-btn svg{width:14px;height:14px}.suggestions-dropdown{max-height:240px}.suggestion-item{padding:var(--space-xs) var(--space-sm)}.history-button{width:24px;height:24px}.history-button svg{width:14px;height:14px}.history-popup{width:320px;max-height:300px}}@media(max-width:480px){.search-bar-container{gap:var(--space-xs)}.search-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.search-button span{display:none}.search-button:before{content:"Run"}.suggestion-type{width:18px;height:18px;padding:3px}.suggestion-type svg{width:12px;height:12px}.suggestion-text{font-size:var(--text-sm)}.history-container{margin-right:var(--space-xs)}.history-button{width:22px;height:22px}.history-button svg{width:12px;height:12px}.history-popup{width:280px;max-height:250px}.history-query,textarea.search-input{font-size:var(--text-sm)}textarea.search-input::placeholder{font-size:var(--text-sm)}}.time-range-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;transition:border-color var(--transition-fast);flex-shrink:0}.time-range-button:hover{border-color:var(--surface-border-light)}.time-icon{width:16px;height:16px;color:var(--accent-primary)}.time-label{color:var(--text-primary)}.time-chevron{width:14px;height:14px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.time-chevron-open{transform:rotate(180deg)}.time-range-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:200px;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp .15s ease;overflow:hidden;z-index:50}.time-range-presets{padding:var(--space-sm)}.time-range-section-title{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.time-range-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.time-range-option:hover{background:var(--bg-hover);color:var(--text-primary)}.time-range-option-active,.time-range-option-active:hover{background:var(--accent-primary-bg);color:var(--accent-primary)}@media(max-width:768px){.time-range-button{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);font-size:var(--text-sm)}.time-range-dropdown{min-width:180px}.time-range-option,.time-range-section-title{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}}@media(max-width:480px){.time-range-button{width:100%;justify-content:space-between;padding:var(--space-sm)}.time-range-dropdown{left:0;right:0;min-width:auto}.time-label{font-size:var(--text-sm)}}.histogram{padding:var(--space-lg)}.total-value{font-size:var(--text-xl);font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums}.histogram-tooltip{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-md)}.tooltip-value{font-weight:600;color:var(--accent-primary);font-variant-numeric:tabular-nums}@media(max-width:768px){.histogram{padding:var(--space-sm) var(--space-md)}.histogram-header{gap:var(--space-xs);margin-bottom:var(--space-xs)}.histogram-title,.total-value,.total-label{font-size:var(--text-sm)}.histogram-chart{height:140px}}@media(max-width:480px){.histogram{padding:var(--space-xs) var(--space-sm)}.histogram-header{margin-bottom:var(--space-xs)}.histogram-chart{height:130px}.histogram-tooltip{padding:var(--space-xs) var(--space-sm)}.tooltip-time,.tooltip-value{font-size:var(--text-sm)}}.stream-selector{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.stream-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.stream-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.stream-clear{font-size:var(--text-sm);color:var(--accent-primary);padding:2px 8px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.stream-clear:hover{background:var(--accent-primary-bg)}.stream-empty{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:var(--text-base)}.stream-list{max-height:400px;overflow-y:auto}.stream-item{display:flex;align-items:flex-start;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-border);transition:background-color var(--transition-fast)}.stream-item:last-child{border-bottom:none}.stream-item:hover{background:var(--bg-hover)}.stream-item-selected,.stream-item-selected:hover{background:var(--accent-primary-bg)}.stream-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:2px;border:1.5px solid var(--surface-border-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.stream-item-selected .stream-checkbox{background:var(--accent-primary);border-color:var(--accent-primary)}.stream-checkbox svg{width:12px;height:12px;color:var(--bg-primary)}.stream-labels{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-xs);min-width:0}.stream-label{display:inline-flex;font-size:var(--text-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.label-key{padding:2px 6px;color:var(--text-tertiary);background:var(--bg-tertiary)}.label-value{padding:2px 6px;color:var(--text-secondary);font-family:var(--font-mono);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-count{flex-shrink:0;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}@media(max-width:768px){.stream-header{padding:var(--space-sm) var(--space-md)}.stream-title{font-size:var(--text-sm)}.stream-list{max-height:200px}.stream-item{padding:var(--space-xs) var(--space-sm)}.stream-label{font-size:var(--text-sm)}.label-value{max-width:80px}.stream-count{font-size:var(--text-sm)}.stream-empty{padding:var(--space-md);font-size:var(--text-sm)}}@media(max-width:480px){.stream-header{padding:var(--space-xs) var(--space-sm)}.stream-list{max-height:160px}.stream-checkbox{width:14px;height:14px}.stream-checkbox svg{width:10px;height:10px}.label-key,.label-value{padding:1px 4px}.label-value{max-width:60px;font-size:var(--text-sm)}}.log-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.log-table-toolbar{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-border);background:var(--bg-secondary)}.toolbar-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn-active{background:var(--accent-primary-bg);color:var(--accent-primary)}.toolbar-btn svg{width:14px;height:14px}.log-table-loading{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.log-row-skeleton{display:flex;gap:var(--space-md);padding:var(--space-sm)}.log-table-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary)}.log-table-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.log-table-empty p{font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.log-table-empty span{font-size:var(--text-base)}.log-table{flex:1;overflow-y:auto}.log-row{border-bottom:1px solid var(--surface-border)}.log-row:last-child{border-bottom:none}.log-row-main{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--transition-fast)}.log-row-main:hover{background:var(--bg-hover)}.log-row-expanded .log-row-main{background:var(--bg-tertiary)}.log-timestamp{flex-shrink:0;font-size:var(--text-base);color:var(--text-tertiary);white-space:nowrap;line-height:1.4}.log-level{flex-shrink:0;padding:3px 8px;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm);line-height:1}.log-level-debug,.log-level-trace{background:var(--bg-elevated);color:var(--text-tertiary)}.log-level-info{background:var(--status-info-bg);color:var(--status-info)}.log-level-warn,.log-level-warning{background:var(--status-warning-bg);color:var(--status-warning)}.log-level-error,.log-level-err{background:var(--status-critical-bg);color:var(--status-critical)}.log-level-fatal,.log-level-critical{background:var(--status-critical);color:#fff}.log-row-error .log-row-main,.log-row-err .log-row-main{border-left:3px solid var(--status-critical)}.log-row-warn .log-row-main,.log-row-warning .log-row-main{border-left:3px solid var(--status-warning)}.log-host{flex-shrink:0;max-width:350px;font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin-left:var(--space-md)}.log-message{flex:1;font-size:var(--text-base);color:var(--text-primary);line-height:1.5;word-break:break-word;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.log-row-expanded .log-message{-webkit-line-clamp:unset}.log-expand-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.log-expand-icon svg{width:100%;height:100%}.log-expand-icon svg.rotated{transform:rotate(90deg)}.log-copy-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.log-row-main:hover .log-copy-btn{opacity:1}.log-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.log-copy-btn svg{width:14px;height:14px}.log-copy-btn-copied{opacity:1;color:var(--status-success)}.log-row-details{max-height:300px;overflow-y:auto;padding:var(--space-md) var(--space-sm);background:var(--bg-primary);border-top:1px solid var(--surface-border);animation:slideUp .15s ease}.log-fields{width:100%;border-collapse:collapse}.field-name{width:180px;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);vertical-align:top;white-space:nowrap}.field-name-clickable{cursor:pointer;transition:color var(--transition-fast)}.field-name-clickable:hover{color:var(--accent-primary)}.field-value{padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);color:var(--text-primary);word-break:break-all;vertical-align:top}.field-value pre{margin:0;white-space:pre-wrap;font-family:inherit}.field-search{width:24px;padding:var(--space-xs) 0 var(--space-xs) 0;vertical-align:top}.field-search-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.log-field:hover .field-search-btn{opacity:1}.field-search-btn:hover{background:var(--accent-primary-bg);color:var(--accent-primary)}.field-search-btn svg{width:14px;height:14px}.field-search-btn-added{opacity:1;color:var(--status-success)}.field-copy{width:24px;padding:var(--space-xs) 0 var(--space-xs) 0;vertical-align:top}.field-copy-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.log-field:hover .field-copy-btn{opacity:1}.field-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.field-copy-btn svg{width:14px;height:14px}.field-copy-btn-copied{opacity:1;color:var(--status-success)}.log-fields-more{padding:var(--space-sm);font-size:var(--text-base);color:var(--text-tertiary);text-align:center}@media(max-width:768px){.log-table-toolbar{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.toolbar-btn{padding:var(--space-xs);font-size:var(--text-sm)}.log-row-main{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm)}.log-timestamp{width:auto;max-width:90px;font-size:var(--text-sm);white-space:normal;margin-right:var(--space-sm);order:1}.log-host{display:none}.log-level{font-size:var(--text-sm);padding:2px 6px;order:2}.log-message{width:100%;order:4;font-size:var(--text-sm);-webkit-line-clamp:2}.log-expand-icon{order:3;margin-left:auto}.log-copy-btn{display:none}.log-row-details{padding:var(--space-sm);max-height:250px}.field-name{width:120px;font-size:var(--text-sm)}.field-value{font-size:var(--text-sm)}.field-search,.field-copy{display:none}.log-table-empty{padding:var(--space-lg)}.log-table-empty svg{width:36px;height:36px}.log-table-empty p,.log-table-empty span{font-size:var(--text-sm)}}@media(max-width:480px){.log-row-main{padding:var(--space-xs) var(--space-sm)}.log-timestamp{max-width:75px;font-size:var(--text-sm)}.log-level{font-size:var(--text-sm);padding:2px 4px}.log-message{font-size:var(--text-sm);-webkit-line-clamp:2}.log-row-details{padding:var(--space-xs) var(--space-sm)}.field-name{width:100px;font-size:var(--text-sm);padding:2px var(--space-xs)}.field-value{font-size:var(--text-sm);padding:2px var(--space-xs)}}.query-page{display:flex;flex-direction:column;flex:1;padding:var(--space-lg);gap:var(--space-lg);animation:fadeIn .2s ease;height:100%;overflow:hidden}.query-page-with-panel{flex-direction:row}.query-main{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);min-width:0;min-height:0;overflow-y:auto}.query-controls{display:flex;gap:var(--space-md);align-items:stretch;position:relative}.query-histogram{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.query-content{display:flex;gap:var(--space-lg);flex:1;min-height:0}.query-sidebar{width:280px;flex-shrink:0}.field-details-panel{width:300px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.field-details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.field-details-title{display:flex;flex-direction:column;gap:2px}.field-details-name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.field-details-subtitle{font-size:var(--text-sm);font-weight:400;color:var(--text-tertiary)}.field-details-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.field-details-close:hover{background:var(--bg-hover);color:var(--text-primary)}.field-details-close svg{width:16px;height:16px}.field-details-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.field-details-loading{display:flex;flex-direction:column;gap:var(--space-sm)}.field-details-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--text-base)}.field-values-list{display:flex;flex-direction:column;gap:2px}.field-value-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-align:left;border-radius:var(--radius-sm);overflow:hidden;transition:background-color var(--transition-fast)}.field-value-item:hover{background:var(--bg-hover)}.field-value-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-primary-bg);opacity:.5;z-index:0;transition:width var(--transition-fast)}.field-value-text{position:relative;z-index:1;flex:1;font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-value-count{position:relative;z-index:1;flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary)}.query-results{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.results-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--surface-border);background:var(--bg-tertiary)}.results-info{display:flex;align-items:center;gap:var(--space-md)}.results-count{font-weight:600;color:var(--text-primary)}.results-loading{font-size:var(--text-base);color:var(--accent-primary);animation:pulse 1s infinite}.results-pagination{display:flex;align-items:center;gap:var(--space-sm)}.top-hosts-panel{width:300px;flex-shrink:0;min-height:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.top-hosts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.top-hosts-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.top-hosts-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.top-hosts-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--surface-border);background:var(--bg-tertiary)}.top-hosts-export{width:100%;padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.top-hosts-export:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--surface-border-light)}.top-hosts-export:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.query-page-with-panel{flex-direction:column}.top-hosts-panel{width:100%;max-height:300px}.query-content{flex-direction:column}.query-sidebar{width:100%}.field-details-panel{width:100%;max-height:300px}}@media(max-width:768px){.query-page{padding:var(--space-md);gap:var(--space-md)}.query-controls{flex-direction:column;gap:var(--space-sm)}.results-header{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);align-items:flex-start}.results-pagination{width:100%;justify-content:space-between}}@media(max-width:480px){.query-page{padding:var(--space-sm);gap:var(--space-sm)}.results-header{padding:var(--space-xs) var(--space-sm)}.results-count{font-size:var(--text-sm)}.field-details-panel{max-height:250px}.field-details-header{padding:var(--space-xs) var(--space-sm)}.field-details-name{font-size:var(--text-sm)}.field-details-content{padding:var(--space-xs)}.field-value-text,.field-value-count{font-size:var(--text-sm)}}.rule-hits-chart{margin-bottom:var(--space-md)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.chart-title{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0}.chart-total{font-size:var(--text-sm);color:var(--text-tertiary)}.chart-container{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);height:140px}.chart-loading{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.chart-loading .skeleton{background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.chart-error{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--text-base)}.rule-hit-tooltip{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md)}.rule-hit-tooltip .tooltip-date{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:2px}.rule-hit-tooltip .tooltip-count{font-size:var(--text-base);font-weight:600;color:var(--status-warning)}@media(max-width:768px){.chart-container{padding:var(--space-sm);height:120px}.chart-title{font-size:var(--text-sm)}}@media(max-width:480px){.chart-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.chart-container{height:100px}}.incidents-page{--incidents-accent: var(--level-high);display:flex;flex-direction:column;flex:1;padding:var(--space-lg);gap:var(--space-lg);animation:fadeIn .2s ease;height:100%;overflow:hidden}.incidents-histogram{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.histogram-section{padding:var(--space-lg)}.histogram-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.histogram-title{font-weight:600;color:var(--text-primary)}.histogram-total{display:flex;align-items:baseline;gap:var(--space-xs)}.total-value{font-size:var(--text-xl);font-weight:700;color:var(--incidents-accent);font-variant-numeric:tabular-nums}.total-label{font-size:var(--text-base);color:var(--text-tertiary)}.histogram-chart{height:160px}.histogram-loading{height:100%;border-radius:var(--radius-md);overflow:hidden}.time-range-selector{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--surface-border);background:var(--bg-tertiary)}.time-range-label{font-size:var(--text-base);color:var(--text-secondary)}.time-range-buttons{display:flex;gap:var(--space-xs)}.time-range-btn{padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;transition:all var(--transition-fast)}.time-range-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--surface-border-light)}.time-range-btn.active{background:var(--incidents-accent);color:#fff;border-color:var(--incidents-accent)}.incidents-tooltip{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-md)}.tooltip-time{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:2px}.tooltip-value{font-weight:600;color:var(--incidents-accent);font-variant-numeric:tabular-nums}.incidents-content{display:flex;gap:var(--space-lg);flex:1;min-height:0}.incidents-list{width:360px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.list-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.list-count{font-size:var(--text-base);color:var(--text-tertiary)}.list-loading{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.incident-item-skeleton{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.list-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-tertiary);padding:var(--space-xl)}.list-empty svg{width:48px;height:48px;opacity:.5}.list-empty span{font-size:var(--text-base);text-align:center}.list-items{flex:1;overflow-y:auto;padding:var(--space-sm)}.incident-item{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-fast)}.incident-item:hover{background:var(--bg-hover);border-color:var(--surface-border-light)}.incident-item.selected{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.incident-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incident-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.incident-level{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:1px 5px;border-radius:var(--radius-sm)}.incident-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.incident-time{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto}.incident-stats{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.level-unknown{background:var(--bg-hover);color:var(--text-tertiary)}.list-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--surface-border);background:var(--bg-tertiary)}.incidents-findings{width:420px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.findings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.findings-items{flex:1;overflow-y:auto;padding:var(--space-sm)}.finding-item{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-fast)}.finding-item:hover{background:var(--bg-hover);border-color:var(--surface-border-light)}.finding-item.selected{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.finding-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finding-meta{display:flex;align-items:center;gap:var(--space-sm)}.finding-time{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.finding-match-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.incidents-detail{flex:1;min-width:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow-y:auto}.detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-tertiary)}.detail-empty svg{width:48px;height:48px;opacity:.5}.detail-empty span{font-size:var(--text-base)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary)}.detail-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word}.detail-level{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-md);flex-shrink:0}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border)}.meta-item.full-width{grid-column:1 / -1}.meta-label{font-size:var(--text-sm);font-weight:500;text-transform:uppercase;color:var(--text-tertiary)}.meta-value{font-size:var(--text-base);color:var(--text-primary);word-break:break-word}.meta-value.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:var(--text-sm);padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-secondary)}.detail-msg{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-elevated);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--surface-border);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.detail-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border)}.detail-section:last-child{border-bottom:none}.section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-md) 0}.detail-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.field-row{display:flex;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--surface-border)}.field-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);word-break:break-word;flex:1}.field-value pre{margin:0;white-space:pre-wrap;word-break:break-word}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:1024px){.incidents-content{flex-direction:column}.incidents-list,.incidents-findings{width:100%;max-height:300px}.incidents-detail{min-height:300px}}@media(max-width:768px){.incidents-page{padding:var(--space-md);gap:var(--space-md)}.histogram-section{padding:var(--space-md)}.histogram-header{flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.histogram-title{font-size:var(--text-sm)}.total-value{font-size:var(--text-lg)}.total-label{font-size:var(--text-sm)}.histogram-chart{height:120px}.time-range-selector{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.time-range-label{display:none}.time-range-buttons{justify-content:center;flex-wrap:wrap}.time-range-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.list-header{padding:var(--space-sm) var(--space-md)}.detail-header{padding:var(--space-sm) var(--space-md);flex-direction:column;gap:var(--space-sm)}.detail-meta{padding:var(--space-sm) var(--space-md);grid-template-columns:1fr}.detail-section{padding:var(--space-sm) var(--space-md)}.field-row{flex-direction:column;gap:var(--space-xs)}.field-name{min-width:auto;max-width:none;white-space:normal;word-break:break-word}.detail-msg{font-size:var(--text-sm);padding:var(--space-sm)}}@media(max-width:480px){.incidents-page{padding:var(--space-sm);gap:var(--space-sm)}.histogram-section{padding:var(--space-sm)}.histogram-chart{height:100px}.incidents-list{max-height:250px}.time-range-btn{padding:4px var(--space-sm);font-size:var(--text-sm)}.list-pagination{padding:var(--space-xs) var(--space-sm)}}.report-table-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.report-table-wrapper.has-pagination .report-table-container{border-radius:var(--radius-md) var(--radius-md) 0 0}.report-table-container{flex:1;min-height:0;width:100%;overflow:auto;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--bg-primary)}.report-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.report-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.report-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--surface-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.report-table th.sortable{cursor:pointer;transition:background-color var(--transition-fast)}.report-table th.sortable:hover{background:var(--bg-hover)}.report-table th .th-content{display:flex;align-items:center;gap:var(--space-xs)}.report-table th.align-center .th-content{justify-content:center}.report-table th.align-right .th-content{justify-content:flex-end}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary);transition:color var(--transition-fast)}.sort-icon svg{width:14px;height:14px}.sort-icon-active{color:var(--accent-primary)}.sort-icon-inactive{opacity:.4}.report-table th.sortable:hover .sort-icon{color:var(--text-secondary)}.report-table th.sortable:hover .sort-icon-active{color:var(--accent-primary)}.report-table tbody tr{transition:background-color var(--transition-fast)}.report-table tbody tr:hover{background:var(--bg-hover)}.report-table tbody tr.clickable{cursor:pointer}.report-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-border);color:var(--text-primary);vertical-align:middle}.report-table tbody tr:last-child td{border-bottom:none}.report-table .align-center{text-align:center}.report-table .align-right{text-align:right}.report-table .empty-row{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-tertiary);font-style:italic}.report-table .cell-empty{color:var(--text-tertiary)}.report-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md);color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.loading-spinner{width:24px;height:24px;border:2px solid var(--surface-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.report-table th,.report-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}}@media(max-width:480px){.report-table th,.report-table td{padding:var(--space-xs);font-size:var(--text-sm)}.sort-icon{width:14px;height:14px}.sort-icon svg{width:12px;height:12px}}.report-table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg-secondary);flex-shrink:0}.report-table-pagination .pagination-info:first-child{margin-right:auto;color:var(--text-tertiary)}.report-table-pagination .pagination-controls{display:flex;align-items:center;gap:var(--space-xs)}@media(max-width:480px){.report-table-pagination{flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.report-table-pagination .pagination-info:first-child{align-self:flex-start}}.report-table-wrapper.has-totals{display:flex;flex-direction:column}.report-table-wrapper.has-totals .report-table-container{flex:1;min-height:0}.report-table-totals{display:flex;align-items:stretch;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-top:2px solid var(--surface-border);border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:auto;flex-shrink:0}.report-table-wrapper.has-pagination .report-table-totals{border-radius:0}.report-table-wrapper.has-totals .report-table-container,.report-table-wrapper.has-totals.has-pagination .report-table-container{border-radius:var(--radius-md) var(--radius-md) 0 0}.totals-cell{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);display:flex;align-items:center}.totals-cell.has-total{color:var(--text-primary)}.totals-cell.align-right{justify-content:flex-end}.totals-cell.align-center{justify-content:center}.total-cell{display:flex;flex-direction:column;gap:2px}.totals-cell.align-right .total-cell{align-items:flex-end}.totals-cell.align-center .total-cell{align-items:center}.report-table-totals .total-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.report-table-totals .total-value{font-size:var(--text-base);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.report-table-totals .total-label-placeholder{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}@media(max-width:768px){.totals-cell{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.report-table-totals .total-value{font-size:var(--text-sm)}}@media(max-width:480px){.report-table-totals .total-label{font-size:var(--text-xs)}.report-table-totals .total-value{font-size:var(--text-sm)}}.reports-page{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-lg);background:var(--bg-primary);animation:fadeIn .2s ease;height:100%;overflow:hidden}.reports-header{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.reports-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.reports-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.reports-content{flex:1;display:flex;gap:var(--space-lg);min-height:0;overflow:hidden}.reports-header{flex-shrink:0}.reports-sidebar{width:300px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-md);overflow-y:auto}.reports-sidebar .sidebar-title{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 var(--space-md) 0;padding:0 var(--space-sm)}.report-list{display:flex;flex-direction:column;gap:var(--space-xs)}.report-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);color:var(--text-tertiary);text-align:center}.report-list-empty svg{width:32px;height:32px;margin-bottom:var(--space-sm);opacity:.5}.report-list-empty span{font-size:var(--text-base)}.report-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--radius-md);transition:all var(--transition-fast)}.report-item:hover{background:var(--bg-hover)}.report-item-active{background:var(--accent-primary-bg)}.report-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary)}.report-item-active .report-icon{background:var(--accent-primary);color:#fff}.report-icon svg{width:18px;height:18px}.report-info{display:flex;flex-direction:column;gap:2px}.report-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.report-type{font-size:var(--text-base);color:var(--text-tertiary);text-transform:capitalize}.reports-main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.report-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.report-panel .panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.report-panel .panel-title-row{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xs)}.report-panel .panel-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.report-panel .panel-type{font-size:var(--text-base);padding:2px 8px;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-full);text-transform:capitalize}.report-panel .panel-description{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.report-content{flex:1;overflow-y:auto;padding:var(--space-lg);min-height:0;display:flex;flex-direction:column}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-secondary)}.table-filter-box{position:relative;display:flex;align-items:center;min-width:180px;flex-shrink:0}.table-filter-icon{position:absolute;left:10px;width:14px;height:14px;color:var(--text-tertiary);pointer-events:none}.table-filter-input{width:100%;padding:var(--space-xs) var(--space-lg) var(--space-xs) 32px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-base)}.table-filter-input::placeholder{color:var(--text-tertiary)}.table-filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.table-filter-clear{position:absolute;right:6px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.table-filter-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.table-filter-clear svg{width:14px;height:14px}.report-toolbar .time-range-buttons{display:flex;gap:4px;flex:1;min-width:0}.time-range-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.time-range-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.time-range-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.refresh-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{width:16px;height:16px}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.toolbar-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.cache-indicator{font-size:var(--text-base);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-xs)}.cache-badge{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:var(--status-info-bg, rgba(59, 130, 246, .1));color:var(--status-info, #3b82f6);border-radius:var(--radius-sm)}.cell-hostname{font-family:var(--font-mono);font-size:var(--text-base)}.cell-missing{color:var(--text-tertiary);font-style:italic;font-size:var(--text-base)}.cell-count{font-family:var(--font-mono);font-weight:500}.cell-rule{display:flex;flex-direction:column;gap:2px}.cell-rule-title{font-weight:500}.cell-rule-id{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-tertiary)}.cell-level{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--text-base);font-weight:500;text-transform:uppercase}.cell-level-critical{background:var(--level-critical-bg);color:var(--level-critical)}.cell-level-high{background:var(--level-high-bg);color:var(--level-high)}.cell-level-medium{background:var(--level-medium-bg);color:var(--level-medium)}.cell-level-low{background:var(--level-low-bg);color:var(--level-low)}.cell-level-informational,.cell-level-info{background:var(--level-info-bg);color:var(--level-info)}.cell-level-unknown{background:var(--surface-secondary);color:var(--text-tertiary)}.reports-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:var(--text-base);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.reports-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary);text-align:center;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.reports-empty p{margin:0;font-size:var(--text-base)}.reports-empty-hint{font-size:var(--text-base)!important;font-family:var(--font-mono);margin-top:var(--space-sm)!important;opacity:.7}.report-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary);text-align:center}.report-empty-state svg{width:64px;height:64px;margin-bottom:var(--space-lg);opacity:.4}.report-empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.report-empty-state p{font-size:var(--text-base);color:var(--text-tertiary);margin:0 0 var(--space-lg) 0;max-width:300px}.empty-badge{display:inline-block;padding:var(--space-xs) var(--space-md);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-full)}@media(max-width:1024px){.reports-content{flex-direction:column}.reports-sidebar{width:100%;max-height:200px;overflow-y:auto;border-radius:var(--radius-lg)}.report-list{flex-direction:row;flex-wrap:wrap}.report-item{flex:0 0 auto}.report-list-empty{width:100%;padding:var(--space-md);flex-direction:row;gap:var(--space-sm)}.report-list-empty svg{width:24px;height:24px;margin-bottom:0}.report-toolbar{padding:var(--space-sm) var(--space-md)}.toolbar-right{gap:var(--space-sm)}}@media(max-width:768px){.reports-page{padding:var(--space-md);gap:var(--space-md)}.reports-header{padding:var(--space-sm) var(--space-md)}.reports-title{font-size:var(--text-lg)}.reports-subtitle{font-size:var(--text-sm)}.reports-sidebar{padding:var(--space-sm);max-height:160px}.report-item{padding:var(--space-xs) var(--space-sm);gap:var(--space-sm)}.report-icon{width:28px;height:28px}.report-icon svg{width:14px;height:14px}.report-name{font-size:var(--text-sm)}.report-empty-state{padding:var(--space-lg)}.report-empty-state svg{width:48px;height:48px}.report-empty-state h3{font-size:var(--text-lg)}.report-empty-state p{font-size:var(--text-sm)}.time-range-buttons{flex-wrap:wrap;gap:4px}.time-range-btn,.refresh-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.refresh-btn span,.cache-indicator{display:none}.report-content{padding:var(--space-md)}.report-table th:nth-child(2),.report-table td:nth-child(2){width:70px!important}.report-table th:nth-child(3),.report-table td:nth-child(3){width:80px!important}.cell-hostname,.cell-missing,.cell-rule-id,.cell-level{font-size:var(--text-sm)}}@media(max-width:480px){.reports-page{padding:var(--space-sm);gap:var(--space-sm)}.reports-header{padding:var(--space-xs) var(--space-sm)}.reports-title{font-size:var(--text-lg)}.reports-sidebar{max-height:120px}.reports-sidebar .sidebar-title{display:none}.report-item{padding:var(--space-xs) var(--space-sm)}.report-name{font-size:var(--text-sm)}.report-type{display:none}.time-range-btn{padding:4px var(--space-sm);font-size:var(--text-sm)}.report-table th:nth-child(2),.report-table td:nth-child(2){width:60px!important}.report-table th:nth-child(3),.report-table td:nth-child(3){width:70px!important}.report-empty-state svg{width:36px;height:36px;margin-bottom:var(--space-md)}.report-empty-state h3,.report-empty-state p,.cell-hostname,.cell-missing,.cell-rule-id,.cell-level,.reports-empty p{font-size:var(--text-sm)}.reports-empty-hint{font-size:var(--text-sm)!important}.empty-badge{font-size:var(--text-sm)}}@media(max-height:700px){.reports-header{padding:var(--space-sm) var(--space-lg)}.reports-title{font-size:var(--text-xl);margin-bottom:0}.reports-subtitle{display:none}.reports-sidebar{max-height:140px}}@media(max-height:500px){.reports-header{padding:var(--space-xs) var(--space-md)}.reports-title{font-size:var(--text-lg)}.reports-sidebar{max-height:80px;padding:var(--space-xs)}.report-item{padding:var(--space-xs) var(--space-sm)}.report-icon{width:24px;height:24px}.report-icon svg{width:12px;height:12px}.report-name{font-size:var(--text-sm)}.report-empty-state{padding:var(--space-md)}.report-empty-state svg{width:32px;height:32px;margin-bottom:var(--space-sm)}.report-empty-state h3{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.report-empty-state p{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.empty-badge{padding:2px var(--space-sm);font-size:var(--text-sm)}}@media(max-width:768px)and (max-height:500px){.reports-content{flex-direction:row}.reports-sidebar{width:140px;max-height:none}.report-list{flex-direction:column}.reports-sidebar .sidebar-title{display:none}.report-name{font-size:var(--text-sm)}.report-type{display:none}.report-list-empty{flex-direction:column;padding:var(--space-sm)}.report-list-empty svg{width:20px;height:20px}.report-list-empty span{font-size:var(--text-sm)}}.config-page{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-lg);background:var(--bg-primary);animation:fadeIn .2s ease;height:100%;overflow:hidden}.config-loading{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.config-header{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.config-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.config-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.config-content{flex:1;display:flex;gap:var(--space-lg);min-height:0;overflow:hidden}.config-sidebar,.config-products{width:300px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column}.sidebar-title{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 var(--space-md) 0;padding:0 var(--space-sm)}.source-list{display:flex;flex-direction:column;gap:var(--space-xs)}.source-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--radius-md);transition:all var(--transition-fast)}.source-item:hover{background:var(--bg-hover)}.source-item-active{background:var(--accent-primary-bg)}.source-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.source-item-active .source-icon{background:var(--accent-primary);color:#fff}.source-icon svg{width:18px;height:18px}.source-info{display:flex;flex-direction:column;gap:2px;min-width:0}.source-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.source-desc{font-size:var(--text-base);color:var(--text-tertiary)}.product-list{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.product-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) var(--space-sm);text-align:left;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-base)}.product-item:hover{background:var(--bg-hover)}.product-item-active{background:var(--accent-primary-bg)}.product-name{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-active .product-name{color:var(--text-primary)}.product-stats{display:flex;align-items:center;gap:2px;font-size:var(--text-base);flex-shrink:0}.product-enabled{color:var(--status-success);font-weight:600}.product-divider,.product-count{color:var(--text-tertiary)}.config-main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.rules-panel{height:100%;display:flex;flex-direction:column}.panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--surface-border);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-title-row{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.panel-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.panel-count{font-size:var(--text-base);color:var(--text-tertiary)}.panel-controls{display:flex;gap:var(--space-md);align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-box-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-xs) var(--space-sm);padding-left:36px;padding-right:32px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-clear{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.bulk-actions{display:flex;gap:var(--space-xs)}.bulk-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.bulk-enable{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.bulk-enable:hover{background:var(--status-success);color:#fff}.bulk-disable{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--surface-border)}.bulk-disable:hover{background:var(--bg-hover);color:var(--text-primary)}.rules-table-container{flex:1;overflow-y:auto}.table-loading{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.table-row-skeleton{display:flex;gap:var(--space-lg);padding:var(--space-sm);align-items:center}.table-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary)}.table-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.table-empty p{font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-xs) 0}.table-empty span{font-size:var(--text-base)}.rules-table{width:100%;border-collapse:collapse}.rules-table th{position:sticky;top:0;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--surface-border);text-align:left;z-index:1}.rules-table td{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:var(--text-primary);border-bottom:1px solid var(--surface-border);vertical-align:middle}.th-enabled{width:70px;text-align:center}.th-title{width:auto}.th-level,.th-status{width:100px}.th-product{width:140px}.rule-row{cursor:pointer;transition:background var(--transition-fast)}.rule-row:hover{background:var(--bg-hover)}.enabled-cell{text-align:center}.title-cell{max-width:500px}.rule-title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-description{font-size:var(--text-base);color:var(--text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.level-cell,.status-cell{white-space:nowrap}.product-cell{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.toggle-switch.toggle-disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--surface-border);transition:all var(--transition-fast);border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-tertiary);transition:all var(--transition-fast);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--status-success-bg);border-color:var(--status-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background-color:var(--status-success)}.toggle-switch:not(.toggle-disabled):hover .toggle-slider{border-color:var(--accent-primary)}.level-badge{display:inline-block;padding:2px 8px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);text-transform:capitalize}.level-critical{background:var(--level-critical-bg);color:var(--level-critical)}.level-high{background:var(--level-high-bg);color:var(--level-high)}.level-medium{background:var(--level-medium-bg);color:var(--level-medium)}.level-low{background:var(--level-low-bg);color:var(--level-low)}.level-info{background:var(--level-info-bg);color:var(--level-info)}.level-unknown{background:var(--bg-tertiary);color:var(--text-tertiary)}.status-badge{display:inline-block;padding:2px 8px;font-size:var(--text-base);font-weight:500;border-radius:var(--radius-full);text-transform:capitalize}.status-stable{background:var(--status-success-bg);color:var(--status-success)}.status-test{background:var(--status-warning-bg);color:var(--status-warning)}.status-experimental{background:var(--accent-primary-bg);color:var(--accent-primary)}.status-deprecated{background:var(--status-critical-bg);color:var(--status-critical)}.status-unknown{background:var(--bg-tertiary);color:var(--text-tertiary)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--surface-border);background:var(--bg-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal-container{width:90%;max-width:600px;max-height:80vh;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideUp .2s ease}.modal-large{max-width:800px;max-height:85vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:16px;height:16px}.modal-body{flex:1;padding:var(--space-lg);overflow-y:auto}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-size:var(--text-base);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.meta-value{font-size:var(--text-base);color:var(--text-primary)}.modal-body .detail-section{margin-bottom:var(--space-lg);padding:0;border-bottom:none}.modal-body .section-title{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 var(--space-sm) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.section-header .section-title{margin:0}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0;pointer-events:none}.section-header:hover .copy-btn,.copy-btn-copied{opacity:1;pointer-events:auto}.copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-btn svg{width:16px;height:16px}.copy-btn-copied,.copy-btn-copied:hover{color:var(--status-success)}.description-text{font-size:var(--text-base);color:var(--text-primary);line-height:1.5;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag-badge{display:inline-block;padding:2px 8px;font-size:var(--text-base);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm)}.references-list{margin:0;padding-left:var(--space-lg)}.references-list li{font-size:var(--text-base);margin-bottom:var(--space-xs)}.references-list a{color:var(--accent-primary);text-decoration:none;word-break:break-all}.references-list a:hover{text-decoration:underline}.falsepositives-list{margin:0;padding-left:var(--space-lg)}.falsepositives-list li{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-xs)}.rule-content{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;max-height:400px;color:var(--text-secondary)}.detail-loading,.detail-empty{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.members-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.members-content{padding:var(--space-lg)}.members-loading{padding:var(--space-xl)}.invite-form{display:flex;gap:var(--space-sm);align-items:center}.invite-email{flex:1;min-width:200px}.invite-role{width:120px}.members-table-container{overflow-x:auto}.members-table{width:100%;border-collapse:collapse}.members-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;border-bottom:1px solid var(--surface-border);white-space:nowrap}.members-table td{padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-sm);border-bottom:1px solid var(--surface-border)}.members-table tbody tr:hover{background:var(--bg-hover)}.member-self{background:var(--bg-secondary)}.member-email{font-family:var(--font-mono);font-size:var(--text-sm)}.member-name{color:var(--text-secondary)}.member-date{color:var(--text-tertiary);white-space:nowrap}.member-actions{width:80px;text-align:right}.role-select{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);min-width:90px}.role-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.confirm-remove{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-end}.confirm-text{font-size:var(--text-sm);color:var(--text-warning, var(--text-secondary))}@media(max-width:1024px){.config-content{flex-direction:column}.config-sidebar{width:100%;max-height:none;overflow-y:visible}.config-sidebar .source-list{display:flex;flex-direction:row;gap:var(--space-sm)}.config-sidebar .source-item{flex:1}.config-products{width:100%;max-height:200px;overflow-y:auto}.config-products .product-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.config-products .product-item{flex:0 0 auto}.detail-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.config-page{padding:var(--space-md);gap:var(--space-md)}.config-header{padding:var(--space-sm) var(--space-md)}.config-title{font-size:var(--text-lg)}.config-sidebar{padding:var(--space-sm)}.config-sidebar .source-list{flex-direction:column}.config-products{padding:var(--space-sm);max-height:150px}.panel-header{padding:var(--space-sm) var(--space-md)}.panel-controls{flex-wrap:wrap}.search-box{max-width:none;flex:1 1 100%;order:-1}.bulk-actions{flex:1 1 100%;justify-content:flex-end}.rules-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.rules-table{min-width:550px}.rules-table th,.rules-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.modal-container{width:95%;max-height:90vh}.detail-meta{grid-template-columns:1fr 1fr}}.sigma-config-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.form-help{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.form-note{color:var(--warning);font-style:italic}.form-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--accent-primary)}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.form-input::placeholder{color:var(--text-tertiary)}.form-hint{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.form-error{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);background:var(--status-critical-bg);border:1px solid var(--status-critical);border-radius:var(--radius-md);color:var(--status-critical)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--surface-border);background:var(--bg-secondary)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-primary{background:var(--accent-primary);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-dim)}.btn-danger{background:var(--status-critical);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.general-settings-panel{height:100%;display:flex;flex-direction:column}.general-settings-content{flex:1;padding:var(--space-lg);overflow-y:auto}.general-settings-loading{padding:var(--space-md)}.general-settings-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:600px}.general-settings-divider{height:1px;background:var(--surface-border);margin:var(--space-lg) 0;max-width:600px}.domains-list{display:flex;flex-direction:column;gap:2px;border:1px solid var(--surface-border);border-radius:6px;overflow:hidden}.domain-entry{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);min-height:36px}.domain-entry:nth-child(2n){background:var(--bg-secondary)}.domain-name{font-size:var(--text-sm);color:var(--text-primary);font-family:monospace}.domain-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity .15s}.domain-entry:hover .domain-actions{opacity:1}.domain-action-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-base);padding:2px 6px;border-radius:4px;line-height:1}.domain-action-btn:hover{background:var(--surface-border);color:var(--text-primary)}.domain-action-remove:hover{color:var(--status-critical)}.domain-edit-row{display:flex;gap:var(--space-xs);align-items:center;width:100%}.domain-edit-input{flex:1;padding:var(--space-xs) var(--space-sm)!important;font-size:var(--text-sm)!important}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.domain-add-row{display:flex;gap:var(--space-sm);align-items:center}.domain-add-row .form-input{flex:1}.sigma-config-panel{height:100%;display:flex;flex-direction:column}.sigma-config-content{flex:1;padding:var(--space-lg);overflow-y:auto}.sigma-config-loading{padding:var(--space-md)}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.form-divider{height:1px;background:var(--surface-border);margin:var(--space-lg) 0}.reload-status{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.reload-status-row{display:flex;justify-content:space-between;align-items:center}.reload-status-label{font-size:var(--text-base);color:var(--text-secondary)}.reload-status-value{font-size:var(--text-base);font-family:var(--font-mono);color:var(--text-primary)}.reload-status-value.reload-pending{color:var(--status-critical);font-weight:700}.sigma-id-input{background:var(--bg-tertiary);cursor:default}.sigma-id-input:read-only{color:var(--text-primary)}.modal-body .detail-actions-bottom{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--surface-border)}.copy-btn-inline{opacity:1;pointer-events:auto}.btn-test-alert{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:500;background:var(--accent-primary);color:var(--btn-primary-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-test-alert:hover:not(:disabled){background:var(--accent-primary-dim)}.btn-test-alert:disabled{opacity:.6;cursor:not-allowed}.btn-test-alert svg{width:16px;height:16px}.btn-test-alert.btn-success{background:var(--status-success);color:#fff}.btn-test-alert.btn-error{background:var(--status-critical);color:#fff}.btn-spinner{animation:spin 1s linear infinite}.test-alert-result{font-size:var(--text-base);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.test-alert-result.result-success{color:var(--status-success);background:var(--status-success-bg)}.test-alert-result.result-error{color:var(--status-critical);background:var(--status-critical-bg)}.inject-message-textarea{width:100%;resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm);min-height:120px}.inject-message-textarea--readonly{opacity:.6;cursor:not-allowed}.notifications-panel{height:100%;display:flex;flex-direction:column}.notifications-content{flex:1;padding:var(--space-lg);overflow-y:auto}.notifications-loading{padding:var(--space-md)}.notifications-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-warning{padding:var(--space-md);font-size:var(--text-base);background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-md);color:var(--status-warning)}.form-sublabel{font-size:var(--text-base);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs);display:block}.form-select{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select:focus{border-color:var(--accent-primary)}.form-select:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.recipient-select-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-empty{font-size:var(--text-base);color:var(--text-tertiary);font-style:italic;margin:0}.test-result{font-size:var(--text-base);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.test-result.result-success{color:var(--status-success);background:var(--status-success-bg)}.test-result.result-error{color:var(--status-critical);background:var(--status-critical-bg)}.recipients-list{display:flex;flex-direction:column;gap:var(--space-sm)}.recipient-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);gap:var(--space-md)}.recipient-item.recipient-disabled{opacity:.6}.recipient-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex-shrink:0}.recipient-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.recipient-id{font-size:var(--text-base);color:var(--text-tertiary);font-family:var(--font-mono)}.recipient-addresses{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex:1;justify-content:center}.recipient-address{font-size:var(--text-base);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.recipient-status{flex-shrink:0}.status-indicator{font-size:var(--text-base);font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.status-indicator.status-enabled{background:var(--status-success-bg);color:var(--status-success)}.status-indicator.status-disabled{background:var(--bg-tertiary);color:var(--text-tertiary)}.channels-list{display:flex;flex-direction:column;gap:var(--space-md)}.channel-item{background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);transition:opacity var(--transition-fast)}.channel-item.channel-disabled{opacity:.6}.channel-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.channel-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);flex:1;min-width:0}.channel-details{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.channel-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.btn-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){background:var(--status-critical-bg);color:var(--status-critical);border-color:var(--status-critical)}.btn-icon-success{background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success)}.btn-icon-error{background:var(--status-critical-bg);color:var(--status-critical);border-color:var(--status-critical)}.channel-toggle{flex-shrink:0}.channel-addresses{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.channel-address{font-size:var(--text-base);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.channel-username{font-size:var(--text-base);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.channel-emoji{font-size:var(--text-base)}.channel-categories{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex-shrink:0}.category-badge{font-size:var(--text-sm);font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.category-informational{background:var(--accent-primary-bg);color:var(--accent-primary)}.category-findings{background:var(--status-warning-bg);color:var(--status-warning)}.category-incidents{background:var(--status-critical-bg);color:var(--status-critical)}.channel-test{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--surface-border)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-base)}.btn-success{background:var(--status-success);color:#fff}.btn-error{background:var(--status-critical);color:#fff}.recipients-list-legacy{opacity:.8}.recipient-legacy-badge{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-tertiary);border-radius:var(--radius-sm)}.modal-medium{max-width:550px}.form-textarea{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .15s ease;resize:vertical;min-height:80px}.form-textarea:focus{border-color:var(--accent-primary)}.form-textarea:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.form-textarea::placeholder{color:var(--text-tertiary)}.form-row{display:flex;gap:var(--space-md)}.form-group-half{flex:1}.categories-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--text-base);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.recipient-select-group{display:flex;gap:var(--space-sm);align-items:center}.recipient-select-group .form-select{flex:1}.oidc-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.oidc-content{padding:var(--space-lg)}.oidc-loading{padding:var(--space-xl)}.oidc-form-card{background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.oidc-form-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}.oidc-provider-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.oidc-detail{font-size:var(--text-base);color:var(--text-tertiary)}.oidc-idp-hint{background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.oidc-idp-hint-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.oidc-idp-hint-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.oidc-url-row{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.oidc-url-row-compact{margin-top:var(--space-xs);margin-bottom:0}.oidc-url-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.oidc-url-value{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.oidc-url-value code.mono{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.oidc-url-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}@media(max-width:768px){.channel-details{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.channel-categories{justify-content:flex-start}.form-row{flex-direction:column}.categories-checkboxes{flex-direction:column;gap:var(--space-sm)}.recipient-select-group{flex-direction:column}.recipient-select-group .form-select{width:100%}.rules-table th,.rules-table td,.rule-title,.rule-description,.source-name,.source-desc,.product-item,.product-stats{font-size:var(--text-sm)}.level-badge,.status-badge{font-size:var(--text-sm);padding:2px 6px}.panel-count,.search-input,.bulk-btn{font-size:var(--text-sm)}.invite-form{flex-direction:column}.invite-email{min-width:0;width:100%}.invite-role{width:100%}}@media(max-width:480px){.config-page{padding:var(--space-sm);gap:var(--space-sm)}.config-subtitle,.source-name,.source-desc,.product-item,.product-stats{font-size:var(--text-sm)}.level-badge,.status-badge{font-size:var(--text-xs);padding:1px 4px}.form-label,.form-input,.form-select,.form-textarea{font-size:var(--text-sm)}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.worldmap-modal .modal-container{max-width:90vw;width:90vw;max-height:85vh;display:flex;flex-direction:column}.worldmap-body{flex:1;min-height:0}.worldmap-container{width:100%;height:65vh}.worldmap-container .leaflet-tooltip{background:var(--bg-elevated);border:1px solid var(--surface-border);color:var(--text-primary);font-size:var(--text-base);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-lg)}.worldmap-container .leaflet-tooltip-top:before{border-top-color:var(--surface-border)}.worldmap-container .leaflet-tooltip-bottom:before{border-bottom-color:var(--surface-border)}.worldmap-tooltip-title{font-weight:600;font-size:var(--text-base);margin-bottom:4px;color:var(--accent-primary);font-family:var(--font-mono)}.worldmap-tooltip-row{display:flex;justify-content:space-between;gap:var(--space-md)}.worldmap-tooltip-label{color:var(--text-tertiary)}.worldmap-tooltip-value{color:var(--text-primary);font-weight:500}.worldmap-loading{display:flex;align-items:center;justify-content:center;height:65vh;color:var(--text-tertiary);font-size:var(--text-base)}.worldmap-error{display:flex;align-items:center;justify-content:center;height:65vh;color:var(--status-critical);font-size:var(--text-base)}.worldmap-stats{display:flex;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--surface-border);background:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl);font-size:var(--text-base);color:var(--text-secondary)}.worldmap-stats span{color:var(--text-primary);font-weight:500}@media(max-width:768px){.worldmap-modal .modal-container{max-width:98vw;width:98vw;margin:var(--space-sm)}.worldmap-container,.worldmap-loading,.worldmap-error{height:50vh}}.explore-page{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-lg);background:var(--bg-primary);animation:fadeIn .2s ease;height:100%;overflow-y:auto}.explore-loading{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.explore-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);flex-shrink:0}.explore-header-info{display:flex;flex-direction:column;gap:var(--space-xs)}.explore-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.explore-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.explore-stats{display:flex;align-items:center;gap:var(--space-lg)}.stat-item{display:flex;align-items:baseline;gap:var(--space-xs)}.stat-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.stat-item-highlight .stat-value,.stat-item-highlight .stat-label{color:var(--accent-primary)}.explore-toolbar{display:flex;align-items:stretch;gap:var(--space-md);flex-shrink:0;position:relative}.explore-search-bar{flex:1;position:relative}.worldmap-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;transition:border-color var(--transition-fast);flex-shrink:0;cursor:pointer}.worldmap-button:hover{border-color:var(--surface-border-light)}.worldmap-button svg{color:var(--accent-primary)}.explore-filter-wrapper{position:relative;flex-shrink:0}.explore-filter-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;transition:border-color var(--transition-fast);cursor:pointer}.explore-filter-button:hover{border-color:var(--surface-border-light)}.explore-filter-icon{width:16px;height:16px;color:var(--accent-primary)}.explore-filter-label{color:var(--text-primary)}.explore-filter-chevron{width:14px;height:14px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.explore-filter-chevron-open{transform:rotate(180deg)}.explore-filter-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp .15s ease;overflow:hidden;z-index:50}.explore-filter-options{padding:var(--space-sm)}.explore-filter-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-base);transition:background-color var(--transition-fast),color var(--transition-fast)}.explore-filter-option:hover{background:var(--bg-hover);color:var(--text-primary)}.explore-filter-option-active,.explore-filter-option-active:hover{background:var(--accent-primary-bg);color:var(--accent-primary)}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-tertiary)}.search-input{width:100%;padding:var(--space-sm) var(--space-lg) var(--space-sm) 36px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-base)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.search-clear{position:absolute;right:8px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.search-clear:hover{color:var(--text-secondary)}.search-clear svg{width:14px;height:14px}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;margin-top:4px;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.search-loading,.search-empty{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-md)}.search-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast)}.search-result:hover{background:var(--bg-hover)}.result-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.result-icon .type-icon{width:16px;height:16px}.result-icon .type-icon-actor{color:var(--status-info)}.result-icon .type-icon-source{color:var(--status-warning)}.result-icon .type-icon-target{color:var(--status-success)}.result-label{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-count{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.explore-content{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.explore-content:has(.detail-panel){grid-template-columns:1fr 300px}.explore-main{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);min-height:400px;display:flex;align-items:stretch;justify-content:center;position:relative}.graph-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000026;z-index:10;pointer-events:none}.loading-spinner{width:32px;height:32px;border:3px solid var(--surface-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.graph-container{width:100%;position:relative;display:flex;flex-direction:column;flex:1}.graph-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.graph-connector{fill:none;stroke:var(--accent-primary);stroke-width:1.5;opacity:.4}.graph-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--space-lg) * 3);padding:var(--space-md);flex:1;position:relative;z-index:2}.graph-column{display:flex;flex-direction:column;gap:var(--space-sm)}.graph-column-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) 0}.graph-column-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.graph-column-icon .type-icon{width:18px;height:18px}.graph-column-icon .type-icon-actor{color:var(--status-info)}.graph-column-icon .type-icon-source{color:var(--status-warning)}.graph-column-icon .type-icon-target{color:var(--status-success)}.graph-column-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.graph-column-count{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px var(--space-sm);border-radius:var(--radius-full)}.graph-column-nodes,.graph-column-loading{display:flex;flex-direction:column;gap:6px}.graph-column-empty{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-lg) var(--space-sm)}.graph-column-more{font-size:var(--text-base);color:var(--accent-primary);text-align:center;padding:var(--space-sm) var(--space-xs);width:100%;background:none;border:1px dashed var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.graph-column-more:hover{background:var(--accent-primary-bg);border-color:var(--accent-primary)}.graph-node{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);min-height:42px;box-sizing:border-box;background:var(--bg-tertiary);border:2px solid var(--surface-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast)}.graph-node:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.graph-node-selected,.graph-node-highlighted{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.graph-node-grayed{opacity:.3;filter:saturate(.2)}.graph-node-grayed:hover{opacity:.6;filter:saturate(.5)}.graph-node[data-type=source_ip],.graph-node[data-type=ip]{border-left:4px solid var(--status-warning)}.graph-node[data-type=actor]{border-left:4px solid var(--status-info)}.graph-node[data-type=target_host],.graph-node[data-type=target_ip]{border-left:4px solid var(--status-success)}.graph-node-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.graph-node-icon .type-icon{width:16px;height:16px}.graph-node-icon .type-icon-actor{color:var(--status-info)}.graph-node-icon .type-icon-source{color:var(--status-warning)}.graph-node-icon .type-icon-target{color:var(--status-success)}.graph-node-label{flex:1;font-size:var(--text-base);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-node-count{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.detail-panel{border-radius:var(--radius-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.detail-loading{display:flex;flex-direction:column;gap:var(--space-sm)}.explore-page .detail-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) 0;background:none;border-bottom:none}.detail-type-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.detail-type-icon .type-icon{width:20px;height:20px}.detail-type-icon .type-icon-actor{color:var(--status-info)}.detail-type-icon .type-icon-source{color:var(--status-warning)}.detail-type-icon .type-icon-target{color:var(--status-success)}.detail-name{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.detail-name.copyable{cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.detail-name.copyable:hover{background:var(--bg-hover)}.detail-name.copyable:active{transform:scale(.98)}.detail-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);margin-left:auto}.detail-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.detail-close svg{width:16px;height:16px}.detail-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.detail-stat-value{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.detail-stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.detail-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.timeline-chart{height:100px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm)}.timeline-tooltip{background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md)}.tooltip-hour{font-size:var(--text-sm);color:var(--text-secondary)}.tooltip-count{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.detail-connections{display:flex;flex-direction:column;gap:var(--space-sm)}.connection-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.connection-item{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast)}.connection-item:hover{background:var(--bg-hover)}.connection-item.copyable .connection-count{cursor:pointer}.connection-item.copyable:hover .connection-count{background:var(--bg-hover)}.connection-item.copyable:active .connection-count{transform:scale(.95)}.connection-item.sigma-link{cursor:pointer}.connection-item.sigma-link:hover .connection-label{color:var(--accent-primary);text-decoration:underline}.connection-label{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-count{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:1;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-flag-critical{border-color:var(--status-critical);background:var(--status-critical-bg)}.security-flag-warning{border-color:var(--status-warning);background:var(--status-warning-bg)}.mono{font-family:var(--font-mono)}@media(max-width:1200px){.detail-panel{position:fixed;right:0;top:60px;bottom:0;width:300px;border-radius:0;border-right:none;z-index:100;box-shadow:var(--shadow-lg)}.explore-content:has(.detail-panel){grid-template-columns:1fr}.graph-columns{gap:calc(var(--space-md) * 3);padding:var(--space-sm)}}@media(max-width:900px){.graph-columns{grid-template-columns:1fr;gap:var(--space-sm)}.graph-column-nodes{max-height:150px}.graph-connectors{display:none}}@media(max-width:768px){.explore-page{padding:var(--space-md)}.explore-header{flex-direction:column;gap:var(--space-sm)}.explore-stats{flex-wrap:wrap;gap:var(--space-sm)}.explore-toolbar{flex-direction:column}.explore-filter-button{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);font-size:var(--text-sm)}.explore-filter-option{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.explore-content{grid-template-columns:1fr}.explore-main{min-height:300px}.detail-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:50vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:100;box-shadow:var(--shadow-lg)}}@media(max-width:480px){.explore-page{padding:var(--space-sm);gap:var(--space-sm)}.graph-node-label,.detail-name,.detail-stat-value,.detail-stat-label,.result-text{font-size:var(--text-sm)}}.login-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary)}.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -20%,var(--accent-primary-bg),transparent),radial-gradient(ellipse 60% 40% at 80% 120%,var(--status-info-bg),transparent),linear-gradient(var(--accent-primary-bg) 1px,transparent 1px),linear-gradient(90deg,var(--accent-primary-bg) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;opacity:.4;pointer-events:none;z-index:0}.login-section{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;z-index:1}.login-card{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.login-logo{display:block;font-family:"Roboto Condensed",var(--font-sans);font-size:2rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--space-sm)}.login-logo-night{color:var(--text-primary)}.login-logo-slash{color:var(--accent-primary);margin:0 2px}.login-logo-shift{color:var(--text-secondary)}.login-tagline{color:var(--text-tertiary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xl)}.login-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-sm);text-align:left}.login-message.success{background:var(--status-success-bg);border:1px solid var(--status-success);color:var(--status-success)}.login-message.error{background:var(--status-critical-bg);border:1px solid var(--status-critical);color:var(--status-critical)}.login-oidc-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.login-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dim) 100%);color:var(--btn-primary-text);box-shadow:0 4px 14px var(--accent-primary-bg);line-height:1.4}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);text-decoration:none}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--surface-border-light) 50%,transparent);margin:var(--space-lg) 0}.login-form{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left}.login-label{display:block;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.login-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base);box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.login-input::placeholder{color:var(--text-tertiary)}@media(max-width:480px){.login-card{padding:var(--space-lg)}.login-logo{font-size:1.6rem}}.oauth-consent-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-primary);color:var(--text-primary)}.oauth-consent-card{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.oauth-consent-card h2{margin:0 0 var(--space-sm);color:var(--accent-primary);font-size:var(--text-lg);font-weight:600}.oauth-consent-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-sm)}.oauth-consent-client-name{color:var(--text-primary);font-weight:600}.oauth-consent-scopes{background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm);margin:var(--space-md) 0;font-size:var(--text-sm);color:var(--text-secondary)}.oauth-consent-scopes strong{color:var(--text-primary);margin-right:var(--space-xs)}.oauth-consent-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.oauth-consent-buttons form{flex:1;margin:0}.oauth-consent-btn{width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast)}.oauth-consent-btn:hover:not(:disabled){opacity:.9}.oauth-consent-btn:disabled{cursor:not-allowed;opacity:.5}.oauth-consent-btn-allow{background:var(--accent-primary);color:var(--bg-primary);font-weight:600}.oauth-consent-btn-deny{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--surface-border)}.oauth-consent-error{color:var(--status-critical)}.tenant-select-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px)}.tenant-select-card{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:12px;padding:var(--space-xl);width:100%;max-width:440px;margin:var(--space-md)}.tenant-select-header{text-align:center;margin-bottom:var(--space-lg)}.tenant-select-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.tenant-select-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.tenant-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tenant-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:8px;cursor:pointer;transition:border-color .15s}.tenant-item:hover{border-color:var(--accent-primary)}.tenant-item-info{display:flex;flex-direction:column;gap:2px}.tenant-item-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.tenant-item-role{font-size:var(--text-sm);color:var(--text-secondary)}.tenant-item-arrow{color:var(--text-tertiary);font-size:var(--text-lg)}.tenant-select-error{text-align:center;padding:var(--space-md);background:var(--status-critical-bg);color:var(--status-critical);border-radius:6px;font-size:var(--text-sm)}.tenant-select-empty{text-align:center;padding:var(--space-lg);color:var(--text-secondary);font-size:var(--text-sm)}:root,[data-theme=dark]{--bg-primary: #0a0e14;--bg-secondary: #0d1117;--bg-tertiary: #151b23;--bg-elevated: #1a222c;--bg-hover: #1f2937;--surface-border: #21262d;--surface-border-light: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--text-muted: #484f58;--accent-primary: #00d4ff;--accent-primary-dim: #0099cc;--accent-primary-bg: rgba(0, 212, 255, .1);--accent-primary-border: rgba(0, 212, 255, .3);--status-critical: #ff4757;--status-critical-bg: rgba(255, 71, 87, .1);--status-warning: #ffa502;--status-warning-bg: rgba(255, 165, 2, .1);--status-success: #2ed573;--status-success-bg: rgba(46, 213, 115, .1);--status-info: #3742fa;--status-info-bg: rgba(55, 66, 250, .1);--level-critical: #ef4444;--level-critical-bg: rgba(239, 68, 68, .15);--level-high: #f97316;--level-high-bg: rgba(249, 115, 22, .15);--level-medium: #f59e0b;--level-medium-bg: rgba(245, 158, 11, .15);--level-low: #22c55e;--level-low-bg: rgba(34, 197, 94, .15);--level-info: #3b82f6;--level-info-bg: rgba(59, 130, 246, .15);--chart-1: #00d4ff;--chart-2: #ff6b9d;--chart-3: #c4b5fd;--chart-4: #fbbf24;--chart-5: #34d399;--font-sans: "Noto Sans", sans-serif;--font-mono: "Noto Sans Mono", monospace;--text-xs: .75rem;--text-sm: .857rem;--text-base: 1rem;--text-lg: 1.143rem;--text-xl: 1.429rem;--text-2xl: 1.5rem;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 212, 255, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: var(--surface-border-light);--scrollbar-thumb-hover: var(--text-tertiary);--selection-bg: var(--accent-primary);--selection-text: var(--bg-primary);--btn-primary-text: #0a0e14;--bg-tooltip: #1f2937;--text-tooltip: #f9fafb}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eef1f4;--bg-elevated: #ffffff;--bg-hover: #e8ecf0;--surface-border: #d1d9e0;--surface-border-light: #e1e7ed;--text-primary: #1a1f26;--text-secondary: #57606a;--text-tertiary: #6e7781;--text-muted: #8b949e;--accent-primary: #0078a8;--accent-primary-dim: #005580;--accent-primary-bg: rgba(0, 120, 168, .1);--accent-primary-border: rgba(0, 120, 168, .3);--status-critical: #cf222e;--status-critical-bg: rgba(207, 34, 46, .1);--status-warning: #bf8700;--status-warning-bg: rgba(191, 135, 0, .1);--status-success: #1a7f37;--status-success-bg: rgba(26, 127, 55, .1);--status-info: #0550ae;--status-info-bg: rgba(5, 80, 174, .1);--level-critical: #dc2626;--level-critical-bg: rgba(220, 38, 38, .12);--level-high: #ea580c;--level-high-bg: rgba(234, 88, 12, .12);--level-medium: #d97706;--level-medium-bg: rgba(217, 119, 6, .12);--level-low: #16a34a;--level-low-bg: rgba(22, 163, 74, .12);--level-info: #2563eb;--level-info-bg: rgba(37, 99, 235, .12);--chart-1: #0078a8;--chart-2: #d63384;--chart-3: #7c3aed;--chart-4: #ca8a04;--chart-5: #059669;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(0, 120, 168, .1);--scrollbar-track: var(--bg-tertiary);--scrollbar-thumb: #c1c8cf;--scrollbar-thumb-hover: #a1a8af;--selection-bg: var(--accent-primary);--selection-text: #ffffff;--btn-primary-text: #ffffff;--bg-tooltip: #1f2937;--text-tooltip: #f9fafb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}::-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:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-dim)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg);outline:none}input::placeholder{color:var(--text-tertiary)}code,pre,.mono{font-family:var(--font-mono)}.container{max-width:1920px;margin:0 auto;padding:0 var(--space-lg)}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.pagination-btn{padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--surface-border-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--text-base);color:var(--text-secondary);padding:0 var(--space-sm);font-variant-numeric:tabular-nums}@media(max-width:480px){.pagination-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.pagination-info{font-size:var(--text-sm);padding:0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}