@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap);:root{--bg-base:#05070d;--bg-elevated:#0b101b;--bg-overlay:#0b101bd9;--bg-panel:#0b101bf2;--accent-primary:#0ff3ff;--accent-secondary:#00d4ff;--accent-danger:#ff4060;--accent-warning:#ffb347;--accent-success:#0f8;--accent-info:#6366f1;--text-primary:#d0f6ff;--text-secondary:#8ea5b8;--text-muted:#556b7a;--text-disabled:#3a4754;--border-default:#00ffff26;--border-active:#00ffff59;--border-error:#ff406059;--border-warning:#ffb34759;--status-critical:#ff0040;--status-error:#ff4060;--status-warning:#ffb347;--status-info:#0ff3ff;--status-success:#0f8;--status-debug:#8b5cf6;--glow-primary:0 0 20px #0ff3ff80;--glow-danger:0 0 20px #ff406080;--glow-success:0 0 20px #00ff8880;--glow-subtle:0 0 10px #0ff3ff33;--font-mono:"IBM Plex Mono","Fira Code","JetBrains Mono","Consolas",monospace;--font-digital:"Orbitron","Share Tech Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:100ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-overlay:500}@keyframes scanline{0%{background-position:0 0}to{background-position:0 10px}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes terminal-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:scanline 10s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0ff3ff08 0,#0ff3ff08 4px)}body:after,body:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}body:after{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#0ff3ff0d 0,#0000 70%)}#root{position:relative;z-index:2}h1,h2,h3,h4,h5,h6{color:var(--accent-primary);font-family:var(--font-mono);font-weight:600;letter-spacing:1px;text-transform:lowercase}code,pre{background:#0ff3ff0d;border:1px solid var(--border-default);border-radius:3px;padding:2px 6px}button,code,pre{font-family:var(--font-mono)}button{background:linear-gradient(135deg,#0ff3ff1a,#0ff3ff0d);border:1px solid var(--border-default);border-radius:2px;color:var(--accent-primary);cursor:pointer;font-size:13px;font-weight:500;letter-spacing:1px;padding:var(--space-sm) var(--space-md);position:relative;text-transform:uppercase;transition:all var(--transition-base)}button:hover:not(:disabled){background:linear-gradient(135deg,#0ff3ff33,#0ff3ff1a);border-color:var(--border-active);box-shadow:var(--glow-subtle);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.3}button.primary{background:var(--accent-primary);color:var(--bg-base);font-weight:600}button.primary:hover:not(:disabled){box-shadow:var(--glow-primary)}button.danger{background:linear-gradient(135deg,#ff406033,#ff40601a);border-color:var(--border-error);color:var(--accent-danger)}button.danger:hover:not(:disabled){box-shadow:var(--glow-danger)}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:2px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:var(--space-sm);transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{background:var(--bg-overlay);border-color:var(--border-active);box-shadow:var(--glow-subtle);outline:none}input::placeholder{color:var(--text-muted)}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:14px;height:200px;justify-content:center;letter-spacing:2px;text-transform:uppercase}.loading-state:before{animation:terminal-blink 1s infinite;color:var(--accent-primary);content:"> ";margin-right:var(--space-sm)}.error-state,.error-state:before{color:var(--accent-danger)}.error-state:before{content:"! ";margin-right:var(--space-sm)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-elevated);border:1px solid var(--border-default)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid var(--border-active);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:var(--glow-subtle)}::-webkit-scrollbar-corner{background:var(--bg-elevated)}a{color:var(--accent-primary);position:relative;text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--accent-secondary);text-shadow:0 0 5px currentColor}.ascii-divider{color:var(--text-muted);font-family:var(--font-mono);margin:var(--space-md) 0;overflow:hidden}.terminal-prompt{color:var(--accent-primary);font-family:var(--font-mono);font-weight:600}.terminal-prompt:before{content:"> ";margin-right:var(--space-xs)}@media (prefers-reduced-motion:reduce){body:after,body:before{animation:none!important}}.login-container{align-items:center;background:var(--bg-base);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{animation:scanline 10s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0ff3ff08 0,#0ff3ff08 4px);content:"";inset:0;pointer-events:none;position:absolute}.login-terminal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--glow-subtle);max-width:600px;overflow:hidden;width:100%}.terminal-title{font-size:12px}.terminal-body{padding:var(--space-lg)}.terminal-output{color:var(--text-primary);font-family:var(--font-mono);font-size:14px;margin-bottom:var(--space-lg)}.terminal-line{color:var(--accent-primary);line-height:1.6;margin:0}.terminal-prompt{color:var(--text-primary);margin-top:var(--space-md)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.input-group{align-items:center;background:var(--bg-base);border:1px solid var(--border-default);display:flex;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.input-group:focus-within{border-color:var(--border-active);box-shadow:var(--glow-subtle)}.prompt-symbol{color:var(--accent-primary);font-family:var(--font-mono);margin-right:var(--space-sm)}.terminal-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:14px;outline:none}.terminal-input::placeholder{color:var(--text-muted)}.toggle-password{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast)}.toggle-password:hover{color:var(--accent-primary)}.error-message{align-items:center;animation:fade-in var(--transition-base);background:#ff40601a;border:1px solid var(--border-error);color:var(--accent-danger);display:flex;font-family:var(--font-mono);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.error-prefix{animation:terminal-blink 1s infinite;display:inline-block}.submit-btn{background:linear-gradient(135deg,#0ff3ff1a,#0ff3ff0d);border:1px solid var(--border-active);color:var(--accent-primary);cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:var(--space-md);position:relative;text-transform:uppercase;transition:all var(--transition-base)}.submit-btn:hover{background:linear-gradient(135deg,#0ff3ff33,#0ff3ff1a);box-shadow:var(--glow-primary);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.arrow{display:inline-block;transition:transform var(--transition-fast)}.submit-btn:hover .arrow{transform:translateX(4px)}.terminal-footer{margin-top:var(--space-lg);padding-top:var(--space-md)}.hint{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;margin:0}.landing-page{align-items:center;background:linear-gradient(135deg,#1e1e2e,#2d2d44);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;width:100vw}.landing-content{text-align:center}.landing-content h1{font-size:5rem;font-weight:700;letter-spacing:.1em;margin:0;text-shadow:0 4px 12px #0000004d}.landing-content p{font-size:1.5rem;font-weight:300;letter-spacing:.3em;margin-top:1rem;opacity:.8}.status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.status-card:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s;width:4px}.status-card.success:before{background:var(--accent-success)}.status-card.warning:before{background:var(--accent-warning)}.status-card.error:before{background:var(--accent-error)}.status-card.info:before{background:var(--accent-info)}.status-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.status-title{color:var(--text-secondary);font-size:12px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.status-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:10px}.status-trend{align-items:center;display:flex;font-size:14px;gap:5px}.status-trend.up{color:var(--accent-success)}.status-trend.down{color:var(--accent-error)}.trend-arrow{font-size:16px}.status-loading{color:var(--text-secondary);font-size:14px;padding:20px 0}.status-card.loading{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quick-access-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:300px;padding:20px}.panel-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.panel-content{flex:1 1;margin-bottom:10px;overflow-y:auto}.panel-empty{align-items:center;color:var(--text-muted);display:flex;font-style:italic;height:100%;justify-content:center}.panel-items{list-style:none;margin:0;padding:0}.panel-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:10px;transition:background .2s}.panel-item:hover{background:var(--bg-tertiary)}.panel-item:last-child{border-bottom:none}.item-time{color:var(--text-muted);display:block;font-size:12px;margin-bottom:5px}.item-content{display:flex;flex-direction:column;gap:3px}.item-text{color:var(--text-primary);font-size:14px;line-height:1.4}.item-subtext{color:var(--text-secondary);font-size:12px}.panel-action{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-info);padding:10px;text-align:center;transition:all .2s}.panel-action:hover{background:var(--accent-info);color:var(--bg-primary)}.metrics-chart{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:15px}.chart-title{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color);stroke-opacity:.5}.recharts-xAxis-tick text,.recharts-yAxis-tick text{fill:var(--text-muted);font-size:11px}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:4px}.recharts-tooltip-label{color:var(--text-primary)!important;font-size:12px;margin-bottom:5px}.recharts-tooltip-item{color:var(--text-secondary)!important;font-size:12px}.recharts-active-dot{stroke:var(--bg-primary);stroke-width:2}.dashboard{background:var(--bg-primary);min-height:100vh}.dashboard-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.dashboard-header h1{color:var(--text-primary);font-size:24px;margin:0}.settings-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dashboard-content{padding:20px}.status-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metrics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:20px}.metrics-section h2{color:var(--text-primary);font-size:18px;margin-bottom:20px}.metrics-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-access-section{margin-bottom:30px}.quick-access-section h2{color:var(--text-primary);font-size:18px;margin-bottom:20px}.quick-access-panels{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-nav{background:var(--bg-secondary);border-radius:8px;display:flex;gap:10px;padding:20px}.dashboard-nav,.nav-btn{border:1px solid var(--border-color)}.nav-btn{background:var(--bg-tertiary);color:var(--text-primary);flex:1 1;font-size:16px;padding:12px 24px;transition:all .3s}.nav-btn:hover{background:var(--accent-info);color:var(--bg-primary);transform:translateY(-2px)}.terminal-shell{background:var(--bg-base);display:flex;flex-direction:column;height:100vh;position:relative}.terminal-header{align-items:center;background:linear-gradient(180deg,#1a1f2e,#0b101b);border-bottom:1px solid var(--border-default);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);position:relative;z-index:var(--z-sticky)}.terminal-controls{display:flex;gap:6px}.control{border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;height:12px;transition:all var(--transition-fast);width:12px}.control.close{background:var(--accent-danger)}.control.close:hover{box-shadow:0 0 10px var(--accent-danger)}.control.minimize{background:var(--accent-warning)}.control.minimize:hover{box-shadow:0 0 10px var(--accent-warning)}.control.maximize{background:var(--accent-success)}.control.maximize:hover{box-shadow:0 0 10px var(--accent-success)}.terminal-title-bar{align-items:center;display:flex;flex:1 1;gap:var(--space-lg)}.terminal-title{color:var(--text-secondary);font-size:13px;text-transform:lowercase}.environment-badge,.terminal-title{font-family:var(--font-mono);letter-spacing:1px}.environment-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff406033,#ff40601a);border:1px solid var(--border-error);color:var(--accent-danger);font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.environment-badge[data-env=DEVELOPMENT]{background:linear-gradient(135deg,#0f83,#00ff881a);border-color:#00ff8859;color:var(--accent-success)}.terminal-time{color:var(--accent-primary);font-family:var(--font-digital);font-size:13px;letter-spacing:1px;margin-left:auto;text-shadow:0 0 5px currentColor}.command-bar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.command-prompt{flex:0 0 auto}.prompt-text{color:var(--text-primary);font-family:var(--font-mono);font-size:13px}.prompt-text:before{animation:terminal-blink 1s infinite;background:var(--accent-primary);content:"";display:inline-block;height:14px;margin-right:var(--space-sm);width:8px}.command-palette{align-items:center;background:var(--bg-base);border:1px solid var(--border-default);display:flex;flex:1 1;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.command-palette:focus-within{border-color:var(--border-active);box-shadow:var(--glow-subtle)}.palette-prompt{color:var(--accent-primary);font-family:var(--font-mono);margin-right:var(--space-sm)}.command-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:13px;outline:none}.command-input::placeholder{color:var(--text-muted)}.status-indicators{gap:var(--space-md)}.heartbeat,.status-indicators{align-items:center;display:flex}.heartbeat{background:#0ff3ff0d;border:1px solid var(--border-default);border-radius:2px;gap:var(--space-xs);padding:4px 12px;transition:all var(--transition-base)}.heartbeat.active{background:#00ff881a;border-color:#00ff8859}.heartbeat-icon{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.heartbeat.active .heartbeat-icon{animation:pulse-glow 1s ease-in-out infinite;background:var(--accent-success)}.heartbeat-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase}.heartbeat.active .heartbeat-label{color:var(--accent-success)}.terminal-body{background:var(--bg-base);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--space-md);position:relative}.terminal-footer{background:var(--bg-elevated);border-top:1px solid var(--border-default);position:relative;z-index:var(--z-sticky)}.status-bar{align-items:center;display:flex;font-family:var(--font-mono);font-size:12px;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.status-center,.status-left,.status-right{align-items:center;display:flex;gap:var(--space-md)}.status-item{align-items:center;display:flex;gap:var(--space-xs)}.status-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.status-value{color:var(--text-secondary);font-weight:600}.status-value.connected{color:var(--accent-success)}.shortcut-hint{background:#0ff3ff0d;border:1px solid var(--border-default);color:var(--text-secondary);font-size:11px;letter-spacing:1px;padding:2px 6px;text-transform:uppercase;transition:all var(--transition-fast)}.shortcut-hint:hover{background:#0ff3ff1a;border-color:var(--border-active);color:var(--accent-primary)}@media (max-width:768px){.terminal-header{flex-wrap:wrap}.command-bar{align-items:stretch}.command-bar,.status-bar{flex-direction:column;gap:var(--space-sm)}.status-center,.status-left,.status-right{justify-content:center;width:100%}}.filter-bar{background:var(--bg-elevated);border:1px solid var(--border-default);font-family:var(--font-mono);margin-bottom:var(--space-md)}.filter-command-display{align-items:center;background:var(--bg-base);border-bottom:1px solid var(--border-default);display:flex;font-size:14px;gap:var(--space-sm);padding:var(--space-md)}.command-prompt{color:var(--accent-primary);font-weight:600}.command-text{color:var(--text-primary);flex:1 1;font-family:var(--font-mono);letter-spacing:.5px}.command-edit-btn{background:#0000;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:2px 8px;transition:all var(--transition-fast)}.command-edit-btn:hover{border-color:var(--border-active);color:var(--accent-primary)}.preset-macros{background:var(--bg-overlay);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.macro-btn{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:1px;padding:6px 12px;position:relative;transition:all var(--transition-fast)}.macro-btn:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.macro-btn:hover{border-color:var(--border-active);color:var(--accent-primary);transform:translateY(-1px)}.macro-btn.active{background:#0ff3ff1a;border-color:var(--accent-primary);box-shadow:var(--glow-subtle);color:var(--accent-primary)}.macro-btn.clear{border-color:var(--border-error);color:var(--accent-danger)}.macro-btn.clear:hover{background:#ff40601a;box-shadow:0 0 10px #ff40604d}.advanced-filters{animation:slide-down var(--transition-base);background:var(--bg-base);border-top:1px solid var(--border-default);padding:var(--space-md)}.filter-switches{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.filter-switch{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;gap:var(--space-sm);padding:6px 12px;transition:all var(--transition-fast)}.filter-switch:hover{border-color:var(--border-active);box-shadow:var(--glow-subtle)}.switch-label{color:var(--accent-primary);font-weight:600;letter-spacing:.5px}.switch-input,.switch-label,.switch-select{font-family:var(--font-mono);font-size:12px}.switch-input,.switch-select{background:#0000;border:none;color:var(--text-primary);outline:none;padding:2px 4px}.switch-select{cursor:pointer}.switch-input{border-bottom:1px dashed var(--border-default);width:120px}.switch-input.small{width:60px}.switch-input:focus{border-bottom-color:var(--accent-primary)}.switch-select option{background:var(--bg-base);color:var(--text-primary)}.filter-hint{background:#0ff3ff0d;border:1px solid var(--border-default);border-radius:2px;gap:var(--space-sm);padding:var(--space-sm)}.filter-hint,.hint-icon{align-items:center;display:flex}.hint-icon{animation:pulse-glow 2s infinite;background:var(--accent-primary);border-radius:50%;color:var(--bg-base);font-size:12px;font-weight:600;height:20px;justify-content:center;width:20px}.hint-text{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}@media (max-width:768px){.filter-switches{flex-direction:column}.filter-switch{width:100%}.switch-input{flex:1 1}}.log-entry{background:var(--bg-elevated);border-left:1px solid var(--border-default);border:1px solid var(--border-default);border-left-width:3px;color:var(--text-primary);font-family:var(--font-mono);isolation:isolate;margin-bottom:4px;overflow:hidden;position:relative;transition:all var(--transition-fast)}.log-entry.expanded{background:var(--bg-base);border-color:var(--border-active);box-shadow:0 4px 20px #0ff3ff4d;margin-bottom:var(--space-lg);overflow:visible;position:relative;z-index:10}.log-entry:hover{border-left-color:var(--border-active);box-shadow:var(--glow-subtle);transform:translateX(2px)}.log-entry.success{background:linear-gradient(90deg,#00ff880d,#0b101bd9 30%);border-left:3px solid var(--status-success)}.log-entry.warning{background:linear-gradient(90deg,#ffb3470d,#0b101bd9 30%);border-left:3px solid var(--status-warning)}.log-entry.error{background:linear-gradient(90deg,#ff40600d,#0b101bd9 30%);border-left:3px solid var(--status-error)}.log-entry.info{background:linear-gradient(90deg,#0ff3ff0d,#0b101bd9 30%);border-left:3px solid var(--status-info)}.log-entry.slow-query{animation:pulse-glow 2s infinite;background:linear-gradient(90deg,#ffb34714,#0b101bd9 30%);border-left:3px solid var(--status-warning)}.log-entry.level-debug{background:linear-gradient(90deg,#8b5cf608,#0b101bd9 30%);border-left:3px solid var(--status-debug)}.log-entry.level-info{background:linear-gradient(90deg,#0ff3ff0d,#0b101bd9 30%);border-left:3px solid var(--status-info)}.log-entry.level-warning{background:linear-gradient(90deg,#ffb3470d,#0b101bd9 30%);border-left:3px solid var(--status-warning)}.log-entry.level-error{background:linear-gradient(90deg,#ff40600d,#0b101bd9 30%);border-left:3px solid var(--status-error)}.log-entry.level-critical{animation:flicker 1s infinite;background:linear-gradient(90deg,#ff004014,#0b101bd9 30%);border-left:3px solid var(--status-critical)}.log-header{grid-gap:var(--space-md);align-items:center;background:#0000;cursor:pointer;display:grid;font-size:13px;gap:var(--space-md);grid-template-columns:150px 80px 100px 120px 1fr auto;min-height:44px;padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast)}.log-header:hover{background:#00ffff05}.timestamp{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.5px}.status-code{font-family:var(--font-digital);font-size:12px;font-weight:600;min-width:60px;padding:1px var(--space-sm);text-align:center}.status-code.success{color:var(--status-success);text-shadow:0 0 5px var(--status-success)}.status-code.warning{color:var(--status-warning);text-shadow:0 0 5px var(--status-warning)}.status-code.error{animation:pulse-glow 1.5s infinite;color:var(--status-error);text-shadow:0 0 5px var(--status-error)}.execution-time,.response-time{color:var(--text-secondary);font-family:var(--font-digital);font-size:12px;text-align:right}.module,.search-type,.subdomain{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.error-badge{animation:terminal-blink 1s infinite;background:#ff406033;border:1px solid var(--status-error);color:var(--status-error)}.cache-badge,.error-badge{font-size:10px;font-weight:600;letter-spacing:1px;padding:1px var(--space-sm);text-transform:uppercase}.cache-badge{background:#0f83;border:1px solid var(--status-success);color:var(--status-success)}.warning-icon{animation:pulse-glow 2s infinite;color:var(--status-warning);font-size:14px;text-shadow:0 0 8px var(--status-warning)}.log-level{font-size:13px;font-weight:600}.request-id{color:var(--text-muted);font-family:Fira Code,monospace;font-size:12px}.log-summary{background:#0000;grid-column:1/-1;margin-top:-4px;padding:var(--space-xs) var(--space-md) var(--space-sm)}.query-text{margin-bottom:var(--space-xs)}.message,.query-text{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding-left:var(--space-md)}.message{line-height:1.4}.log-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.3px;padding-left:var(--space-md)}.error-message{color:var(--accent-error);font-size:13px;margin-top:5px}.log-details{background:var(--bg-overlay);border-top:1px solid var(--border-default);margin-top:var(--space-xs);padding:var(--space-md)}.detail-grid{grid-gap:var(--space-md) var(--space-xl);display:grid;gap:var(--space-md) var(--space-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-md);position:relative}.detail-grid:before{color:var(--border-default);content:"────────────────────────────────────────────────────────────────";font-family:var(--font-mono);font-size:10px;left:0;opacity:.5;position:absolute;right:0;text-align:center;top:-8px}.detail-item{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-xs) 0}.detail-label{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;min-width:120px;text-transform:uppercase}.detail-label:after{color:var(--accent-primary);content:" ▸";margin-left:var(--space-xs)}.detail-value{color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:12px;word-break:break-all}.detail-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;padding-top:10px}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;padding:6px 12px;transition:all .2s}.action-btn:hover{background:var(--accent-info);color:var(--bg-primary)}.sql-query-container,.traceback-container{margin-bottom:var(--space-md);position:relative}.sql-query-container:before,.traceback-container:before{color:var(--border-default);content:"────────────────────────────────────────────────────────────────";font-family:var(--font-mono);font-size:10px;left:0;opacity:.5;position:absolute;right:0;text-align:center;top:-8px}.section-header,.sql-header,.traceback-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.copy-sql-btn{background:var(--bg-secondary);border:1px solid var(--accent-info);color:var(--accent-info);font-size:11px;padding:4px 8px}.json-data,.sql-query,.traceback{background:var(--bg-base);border:1px solid var(--border-default);box-shadow:inset 0 0 10px #0000004d;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;overflow-x:auto;padding:var(--space-md);position:relative;white-space:pre-wrap;word-break:break-word}.json-data:before,.sql-query:before,.traceback:before{content:"┌─ " attr(data-type) " ─" repeat("─",50) "┐";top:-1px}.json-data:after,.json-data:before,.sql-query:after,.sql-query:before,.traceback:after,.traceback:before{background:var(--bg-base);color:var(--border-active);font-size:10px;left:0;padding:2px var(--space-xs);position:absolute;right:0}.json-data:after,.sql-query:after,.traceback:after{bottom:-1px;content:"└" repeat("─",60) "┘"}.additional-data{margin-top:15px}.virtual-list-container{flex:1 1;height:calc(100vh - 400px);min-height:500px;position:relative;width:100%}.virtual-list-item{padding:5px 0}.virtual-list-empty{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;font-style:italic;height:200px;justify-content:center}.log-viewer{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.log-viewer-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:15px 20px}.log-viewer-header h1{color:var(--text-primary);flex:1 1;font-size:20px;margin:0}.back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.header-actions{display:flex;gap:10px}.export-btn,.help-btn{color:var(--text-primary)}.export-btn,.help-btn,.live-btn,.refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color)}.live-btn,.refresh-btn{color:var(--text-secondary)}.live-btn.active{animation:blink 2s infinite;background:var(--accent-error);color:var(--text-primary)}.refresh-btn.active{background:var(--accent-info);color:var(--text-primary)}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.performance-summary{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:30px;padding:15px 20px}.perf-metric{align-items:center;display:flex;gap:10px}.metric-label{color:var(--text-secondary);font-size:14px}.metric-value{color:var(--text-primary);font-size:18px;font-weight:600}.metric-value.warning{color:var(--accent-warning)}.log-level-filters{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:15px 20px}.filter-label{color:var(--text-secondary);font-size:14px}.level-checkbox{align-items:center;cursor:pointer;display:flex;gap:5px}.level-checkbox input[type=checkbox]{cursor:pointer}.error-alert{align-items:center;background:#ff44441a;border:1px solid var(--accent-error);display:flex;gap:10px;padding:10px 20px}.alert-icon{font-size:20px}.alert-text{color:var(--text-primary);flex:1 1}.view-errors-btn{background:var(--accent-error);border:none;color:var(--text-primary)}.log-entries-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;position:relative}.log-entries-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.pagination-controls,.sort-controls{align-items:center;display:flex;gap:10px}.sort-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:5px 10px}.app-logs-list,.query-logs-list{display:flex;flex:1 1;flex-direction:column;position:relative}.app-logs-list.live-mode{border:2px solid var(--accent-error);border-radius:4px;padding:10px}.live-indicator{animation:blink 2s infinite;color:var(--accent-error);font-weight:600}.search-controls{background:var(--bg-elevated);border:1px solid var(--border-default);margin-bottom:var(--space-md);padding:var(--space-md)}.global-search{margin-bottom:var(--space-sm)}.search-input{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.search-input:focus{border-color:var(--border-active);box-shadow:var(--glow-subtle)}.search-input.global{border-color:var(--accent-primary);font-size:14px;padding:var(--space-md)}.field-searches{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-sm)}.search-input.field{font-size:12px}.search-actions{display:flex;gap:var(--space-sm)}.live-tail-btn{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.live-tail-btn.active{animation:pulse-glow 1s infinite;background:#00ff881a;border-color:var(--accent-success);color:var(--accent-success)}.clear-btn{background:#ff40601a;border:1px solid var(--border-error);color:var(--accent-danger)}.kpi-tiles{display:flex;gap:var(--space-md)}.kpi-tile{align-items:center;background:#0ff3ff0d;border:1px solid var(--border-default);border-radius:2px;display:flex;flex-direction:column;padding:var(--space-xs) var(--space-md)}.kpi-tile.error{background:#ff40600d;border-color:var(--border-error)}.kpi-value{color:var(--accent-primary);font-family:var(--font-digital);font-size:18px;font-weight:700;text-shadow:0 0 10px currentColor}.kpi-tile.error .kpi-value{color:var(--accent-danger)}.kpi-label{color:var(--text-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}.entries-count,.kpi-label{font-family:var(--font-mono)}.entries-count{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--space-md)}.pagination-btn{background:linear-gradient(135deg,#0ff3ff1a,#0ff3ff0d);border:1px solid var(--border-default);color:var(--accent-primary);cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){border-color:var(--border-active);box-shadow:var(--glow-subtle)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.page-info{color:var(--accent-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase}.query-log-entry{margin-bottom:var(--space-sm);position:relative}.execution-time-wrapper{margin-top:var(--space-xs);padding:0 var(--space-md)}.execution-time-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;position:relative}.execution-time-fill{border-radius:2px;height:100%;transition:width .3s ease}.execution-time-fill.fast{background:linear-gradient(90deg,var(--accent-success),#0f89)}.execution-time-fill.medium{background:linear-gradient(90deg,var(--accent-warning),#ffc10799)}.execution-time-fill.slow{background:linear-gradient(90deg,var(--accent-danger),#ff406099)}.execution-time-text{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;position:absolute;right:0;top:-20px}.log-group{margin-bottom:var(--space-md)}.log-group-header{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);z-index:10}.log-group-header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:20}.group-name{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.group-count,.group-name{font-family:var(--font-mono)}.group-count{color:var(--text-muted);font-size:12px}.kpi-tile.warning{background:#ffc1070d;border-color:var(--accent-warning)}.kpi-tile.warning .kpi-value{color:var(--accent-warning)}.connection-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);min-width:200px;padding:10px 15px;position:fixed;right:10px;top:10px;z-index:1000}.connection-status.connected{border-color:var(--accent-success)}.connection-status.error{border-color:var(--accent-error)}.connection-status.checking{border-color:var(--accent-info)}.status-indicator{font-size:14px;font-weight:600}.connection-status.connected .status-indicator{color:var(--accent-success)}.connection-status.error .status-indicator{color:var(--accent-error)}.connection-status.checking .status-indicator{color:var(--accent-info)}.error-details{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;margin-top:10px;padding-top:10px}.error-details p{margin:5px 0}.api-info{color:var(--text-muted);font-family:Fira Code,monospace;font-size:11px;margin:10px 0}.retry-btn{background:var(--accent-info);border:none;border-radius:4px;color:var(--bg-primary);cursor:pointer;font-size:12px;margin-top:10px;padding:5px 10px}.retry-btn:hover{background:var(--accent-success)}.App{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}
/*# sourceMappingURL=main.ce903ec7.css.map*/