@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.trace-timeline{position:relative;padding:0}.trace-event{position:relative;display:flex;gap:16px;cursor:pointer;transition:background .15s ease;border-radius:8px;margin:0 -8px;padding:12px 8px}.trace-event:hover,.trace-event.expanded{background:var(--bg-elevated)}.timeline-connector{position:absolute;left:27px;top:44px;bottom:-12px;width:2px;opacity:.4}.event-dot{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.event-icon{font-size:18px}.event-content{flex:1;min-width:0}.event-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.event-type{font-weight:600;color:var(--text-primary);font-size:.95rem}.event-delta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:var(--bg-deep);padding:2px 8px;border-radius:4px}.event-component{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;border:1px solid;background:transparent}.status-badge{font-size:.85rem;font-weight:600;padding:2px 6px;border-radius:4px}.status-badge.success{color:var(--success);background:#22c55e1a}.status-badge.error{color:var(--error);background:#ef44441a}.event-message{margin-top:6px;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.event-metadata{margin-top:12px;background:var(--bg-deep);border-radius:6px;padding:12px;overflow:auto;max-height:300px}.event-metadata pre{margin:0;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.trace-event.error .event-type{color:var(--error)}.trace-event.error .event-dot{box-shadow:0 0 0 3px #ef444433}.trace-event.success .event-dot{box-shadow:0 0 0 3px #22c55e33}.trace-empty{text-align:center;color:var(--text-secondary);padding:32px;font-style:italic}.tool-span{position:relative;margin:8px -8px;padding:0;border-radius:8px;background:#eab3080d;border:1px solid rgba(234,179,8,.2);border-left:3px solid #eab308}.tool-span.error{background:#ef44440d;border-color:#ef444433;border-left-color:#ef4444}.tool-span-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#eab3081a;border-bottom:1px solid rgba(234,179,8,.15);border-radius:7px 7px 0 0}.tool-span.error .tool-span-header{background:#ef44441a;border-bottom-color:#ef444426}.tool-span-icon{font-size:1.1rem}.tool-span-name{font-weight:600;font-family:var(--font-mono);color:#eab308;font-size:.9rem}.tool-span.error .tool-span-name{color:#ef4444}.tool-span-duration{font-family:var(--font-mono);font-size:.85rem;background:#eab30833;color:#eab308;padding:2px 8px;border-radius:4px;margin-left:auto}.tool-span-duration.error{background:#ef444433;color:#ef4444}.tool-span-events{padding:8px 16px 12px}.trace-event.in-span{position:relative;padding:8px 0;margin:0;background:transparent}.trace-event.in-span:hover{background:#eab30814}.trace-event.in-span .event-dot.small{width:28px;height:28px}.trace-event.in-span .event-icon.small{font-size:12px}.span-connector{position:absolute;left:13px;top:36px;bottom:-8px;width:2px;background:#eab3084d}.timeline-connector.post-span{position:absolute;left:35px;bottom:-16px;height:16px;width:2px}@media(max-width:640px){.event-header{flex-direction:column;align-items:flex-start;gap:6px}.timeline-connector{left:23px}.event-dot{width:32px;height:32px}.event-icon{font-size:14px}}.job-detail-page{display:flex;flex-direction:column;gap:24px}.job-detail-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.job-actions{display:flex;gap:12px}.job-info-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.info-value code{background:var(--bg-deep);padding:2px 8px;border-radius:4px;font-size:.875rem}.trace-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.trace-summary{font-size:.85rem;color:var(--text-secondary);font-family:var(--font-mono)}.trace-loading,.trace-empty{text-align:center;padding:32px;color:var(--text-secondary)}.trace-loading button{margin-top:12px}.output-panel .panel-header,.stderr-panel .panel-header,.error-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.output-content,.stderr-content{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--bg-deep);padding:16px;border-radius:6px;overflow:auto;max-height:400px;margin:0}.stderr-content{color:var(--error)}.error-panel{border-color:var(--error)}.error-panel .panel-header h2{color:var(--error)}.error-content{color:var(--error);font-size:.95rem;line-height:1.6}@media(max-width:768px){.job-detail-header{flex-direction:column;align-items:stretch}.job-actions{justify-content:flex-end}.job-info-grid{grid-template-columns:1fr}}.trace-detail-page{display:flex;flex-direction:column;gap:24px}.trace-detail-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:8px}.trace-summary-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.trace-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.info-value{font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.info-value.mono{font-family:var(--font-mono);font-size:.85rem;word-break:break-all}.copy-btn{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .15s;padding:2px 4px;font-size:.875rem}.copy-btn:hover{opacity:1}.component-flow-section{display:flex;flex-direction:column;gap:8px}.component-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px;background:var(--bg-deep);border-radius:8px}.component-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;background:var(--bg-elevated);border:1px solid}.component-icon{font-size:1rem}.flow-arrow{color:var(--text-secondary);font-size:1.2rem;margin:0 4px}.timeline-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.timeline-summary{font-size:.85rem;color:var(--text-secondary);font-family:var(--font-mono)}.timeline-empty{text-align:center;padding:32px;color:var(--text-secondary)}.event-types-grid{display:flex;flex-wrap:wrap;gap:8px}.event-type-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-deep);border-radius:6px;font-size:.85rem}.event-type-badge.mcp{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.event-type-name{font-family:var(--font-mono);color:var(--text-primary)}.event-type-count{background:var(--bg-elevated);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.event-type-badge.mcp .event-type-count{background:#eab30833;color:#eab308}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px;color:var(--text-secondary)}.error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px;color:var(--error)}@media(max-width:768px){.trace-detail-header{flex-direction:column;align-items:stretch}.trace-info-grid{grid-template-columns:1fr}.component-flow{justify-content:center}}.logs-page{padding:2rem}.logs-page .page-header{margin-bottom:1.5rem}.logs-page .page-header h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.logs-page .page-subtitle{color:var(--text-secondary);margin:0}.logs-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem;padding:1rem;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-subtle)}.logs-controls .control-group{display:flex;flex-direction:column;gap:.5rem}.logs-controls .control-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.logs-controls select{min-width:300px;padding:.625rem 1rem;background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.875rem}.logs-controls select:focus{outline:none;border-color:var(--accent)}.logs-controls .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s}.logs-controls .btn-primary{background:var(--accent);color:var(--bg-void)}.logs-controls .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.logs-controls .btn-primary:disabled{opacity:.5;cursor:not-allowed}.logs-controls .btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.logs-controls .btn-secondary:hover{background:var(--bg-hover)}.spinner-sm{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.logs-filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-subtle)}.logs-filters .control-group{display:flex;flex-direction:column;gap:.25rem}.logs-filters .control-group label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.logs-filters select,.logs-filters input{padding:.5rem .75rem;background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:.8rem}.logs-filters .search-group{flex:1;min-width:200px}.logs-filters .search-group input{width:100%}.logs-meta{display:flex;gap:2rem;padding:.5rem 1rem;margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary)}.logs-meta strong{color:var(--text-tertiary);margin-right:.25rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.logs-container{background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:8px;min-height:400px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.logs-empty,.logs-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);padding:3rem;text-align:center}.logs-empty svg,.logs-loading svg{opacity:.3;margin-bottom:1rem}.logs-loading .spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.logs-loading-hint{font-size:.75rem;opacity:.6;margin-top:.5rem}.logs-content{flex:1;overflow:auto;padding:1rem;margin:0;font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.75rem;line-height:1.5;color:var(--text-secondary);white-space:pre}.log-line{padding:.125rem 0}.log-line:hover{background:var(--bg-surface)}.log-error{color:#ef4444}.log-warning{color:#f59e0b}.log-debug{color:var(--text-tertiary);opacity:.7}.logs-content::-webkit-scrollbar{width:8px;height:8px}.logs-content::-webkit-scrollbar-track{background:var(--bg-surface)}.logs-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.logs-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.log-detail-page{padding:24px}.back-button{display:flex;align-items:center;gap:8px;margin-bottom:24px}.log-meta-card{background:var(--elevated);border-radius:12px;padding:24px;margin-bottom:24px}.meta-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.meta-header h1{font-size:1.5rem;font-weight:600;margin:0}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.9rem;color:var(--text)}.log-actions{display:flex;gap:12px;margin-bottom:24px}.btn-danger{color:var(--error)}.btn-danger:hover{background:#ef44441a}.log-content-section{background:var(--surface);border-radius:12px;overflow:hidden}.log-content-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--elevated);border-bottom:1px solid var(--border)}.log-content-header h2{font-size:1rem;font-weight:600;margin:0}.log-size{font-weight:400;color:var(--text-muted);font-size:.875rem;margin-left:8px}.log-filters{display:flex;gap:12px}.log-filters .form-select,.log-filters .form-input{min-width:150px}.log-content-body{padding:0;max-height:60vh;overflow-y:auto}.log-content{font-family:var(--font-mono);font-size:.8rem;line-height:1.5;margin:0;padding:16px;background:var(--void);white-space:pre-wrap;word-break:break-word}.log-line{padding:2px 0}.log-line.log-error{color:var(--error);background:#ef44441a}.log-line.log-warning{color:var(--warning);background:#f59e0b1a}.log-line.log-debug{color:var(--text-muted)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-muted)}.error-state p{margin-bottom:16px}.empty-state{padding:48px;text-align:center;color:var(--text-muted)}@media(max-width:768px){.meta-grid{grid-template-columns:repeat(2,1fr)}.log-content-header{flex-direction:column;gap:16px;align-items:flex-start}.log-filters{flex-direction:column;width:100%}.log-filters .form-select,.log-filters .form-input{width:100%}.log-actions{flex-wrap:wrap}}.logs-page{padding:1.5rem;max-width:1800px;margin:0 auto}.logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.logs-header-title{display:flex;align-items:center;gap:1rem}.logs-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;color:var(--accent)}.logs-icon svg{width:24px;height:24px}.logs-header-title h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.logs-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.logs-header-actions{display:flex;align-items:center;gap:.75rem}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.live-indicator.active{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.live-indicator.active .live-dot{background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.live-tail-btn,.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.live-tail-btn:hover,.refresh-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.live-tail-btn.active{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.live-tail-btn svg,.refresh-btn svg{width:14px;height:14px}.refresh-btn{padding:.5rem}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.stats-dashboard{display:flex;gap:.75rem;margin-bottom:1rem}.stat-card{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;transition:all .2s}.stat-card:hover{border-color:var(--border-default)}.stat-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-hover)}.stat-icon svg{width:14px;height:14px;color:var(--text-secondary)}.stat-card.total .stat-icon{background:#6366f126}.stat-card.total .stat-icon svg{color:#6366f1}.stat-card.errors .stat-icon{background:#ef444426}.stat-card.errors .stat-icon svg{color:#ef4444}.stat-card.warnings .stat-icon{background:#f59e0b26}.stat-card.warnings .stat-icon svg{color:#f59e0b}.stat-card.info .stat-icon{background:#3b82f626}.stat-card.info .stat-icon svg{color:#3b82f6}.stat-content{display:flex;align-items:baseline;gap:.375rem}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.stat-rate{font-size:.625rem;font-weight:500;color:#22c55e;background:#22c55e1a;padding:.125rem .375rem;border-radius:4px;margin-left:.25rem}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1rem}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-item{display:flex;flex-direction:column;gap:.375rem}.filter-item label{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.filter-item label svg{width:12px;height:12px;opacity:.6}.filter-item select{padding:.5rem 2rem .5rem .75rem;background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:100px}.filter-item select:hover{border-color:var(--border-default)}.filter-item select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.filter-item select option{background:#1e1e2e;color:#e4e4e7;padding:.5rem}.filter-item select option:hover,.filter-item select option:checked{background:#2d2d3d;color:#fff}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.search-box input{width:100%;padding:.625rem 2.5rem;background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:all .15s}.search-box input::placeholder{color:var(--text-tertiary)}.search-box input:hover{border-color:var(--border-default)}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.search-clear:hover{background:var(--border-subtle);color:var(--text-primary)}.search-clear svg{position:static;transform:none;width:12px;height:12px}.search-highlight{background:#f59e0b4d;color:inherit;border-radius:2px;padding:0 2px}.excluded-bar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.excluded-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#f59e0b}.excluded-label svg{width:14px;height:14px}.excluded-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f59e0b26;border-radius:4px;font-size:.75rem;font-weight:500;color:#f59e0b;cursor:pointer;transition:all .15s}.excluded-chip:hover{background:#f59e0b40}.excluded-chip svg{width:10px;height:10px;opacity:.7}.clear-btn{padding:.25rem .625rem;background:transparent;border:1px solid rgba(245,158,11,.3);border-radius:4px;font-size:.6875rem;font-weight:500;color:#f59e0b;cursor:pointer;transition:all .15s;margin-left:auto}.clear-btn:hover{background:#f59e0b1a}.error-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.8125rem;margin-bottom:1rem}.error-banner svg{width:16px;height:16px;flex-shrink:0}.warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:.8125rem;margin-bottom:1rem}.warning-banner svg{width:18px;height:18px;flex-shrink:0;margin-top:.125rem}.warning-banner div{display:flex;flex-direction:column;gap:.25rem}.warning-banner strong{font-weight:600;color:#fbbf24}.warning-banner span{color:var(--text-secondary);font-size:.75rem}.header-info{display:flex;align-items:center;gap:1rem}.instance-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;font-size:.6875rem;font-family:var(--font-mono, monospace);color:var(--text-secondary);cursor:help}.instance-badge svg{width:12px;height:12px;color:var(--accent)}.log-viewer{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.log-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-void);border-bottom:1px solid var(--border-subtle)}.log-count{display:flex;align-items:baseline;gap:.375rem}.count-number{font-size:1rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.count-label{font-size:.75rem;color:var(--text-secondary)}.count-hidden,.last-update{font-size:.75rem;color:var(--text-tertiary)}.log-table{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.8125rem}.log-table-header{display:grid;grid-template-columns:80px 80px 130px 1fr 32px;gap:.75rem;padding:.5rem .75rem;background:var(--bg-void);border-bottom:1px solid var(--border-subtle);font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.log-rows{max-height:calc(100vh - 420px);overflow-y:auto;overscroll-behavior:contain}.log-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .1s}.log-row:last-child{border-bottom:none}.log-row:hover,.log-row.expanded{background:var(--bg-hover)}.log-row-main{display:grid;grid-template-columns:80px 80px 130px 1fr 32px;gap:.75rem;padding:.5rem .75rem;align-items:center}.log-row.error{border-left:3px solid #ef4444}.log-row.warning{border-left:3px solid #f59e0b}.log-row.info{border-left:3px solid #3b82f6}.log-row.debug{border-left:3px solid #6b7280}.col-time{min-width:0}.time-value{color:var(--text-secondary);font-variant-numeric:tabular-nums}.col-level{min-width:0}.level-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.level-icon{width:12px;height:12px}.level-badge.error{background:#ef444426;color:#ef4444}.level-badge.warning{background:#f59e0b26;color:#f59e0b}.level-badge.info{background:#3b82f626;color:#3b82f6}.level-badge.debug{background:#6b728026;color:#9ca3af}.col-source{position:relative;min-width:0}.source-badge{display:inline-block;padding:.125rem .5rem;background:var(--bg-hover);border-radius:4px;color:var(--accent);font-size:.75rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-source-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:18px;height:18px;display:none;align-items:center;justify-content:center;background:#f59e0b33;border:none;border-radius:4px;color:#f59e0b;cursor:pointer;transition:all .15s}.log-row:hover .hide-source-btn{display:flex}.hide-source-btn:hover{background:#f59e0b4d}.hide-source-btn svg{width:12px;height:12px}.col-message{display:flex;align-items:center;gap:.5rem;min-width:0}.message-text{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-badge{flex-shrink:0;padding:.125rem .375rem;background:#8b5cf626;border-radius:3px;font-size:.625rem;font-weight:500;color:#8b5cf6;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all .15s}.log-row:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-btn svg{width:13px;height:13px}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1e1e2e;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.875rem;font-weight:500;box-shadow:0 4px 20px #0006;z-index:1000;animation:toast-in .2s ease-out}.toast svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.log-row-details{padding:1rem 1rem 1rem 2rem;background:var(--bg-void);border-top:1px solid var(--border-subtle)}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.detail-item{display:flex;flex-direction:column;gap:.125rem}.detail-key{font-size:.625rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.8125rem;color:var(--text-primary);word-break:break-all}.detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;color:var(--accent)}.exception-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.exception-label{display:block;font-size:.625rem;font-weight:600;color:#ef4444;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.exception-content{padding:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:6px;font-size:.75rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0}.log-loading,.log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:var(--text-secondary)}.log-loading .spinner,.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.log-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:.5rem}.log-empty p{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0}.log-empty span{font-size:.8125rem;color:var(--text-tertiary)}@media(max-width:1200px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.logs-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.search-box{max-width:none}.log-table-header,.log-row-main{grid-template-columns:70px 70px 100px 1fr 28px;gap:.5rem;font-size:.75rem}}@media(max-width:600px){.logs-page{padding:1rem}.stats-dashboard{grid-template-columns:1fr}.log-table-header{display:none}.log-row-main{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.col-message{width:100%}.message-text{white-space:normal}}:root{--void: #08090c;--deep: #0d0f14;--surface: #12151c;--elevated: #181c25;--hover: #1e232e;--active: #252b38;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text: #f0f2f5;--text-secondary: #8b919e;--text-muted: #5c6270;--text-dim: #3d424d;--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .15);--accent-strong: #60a5fa;--success: #22c55e;--success-dim: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);--error: #ef4444;--error-dim: rgba(239, 68, 68, .12);--info: #06b6d4;--info-dim: rgba(6, 182, 212, .12);--font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius: 6px;--radius-lg: 10px;--sidebar-w: 240px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--void);color:var(--text);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--deep);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:var(--sp-5);border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-3)}.sidebar-logo svg,.logo-icon{width:24px;height:24px}.sidebar-logo-text{font-weight:600;font-size:1rem;letter-spacing:-.02em}.sidebar-logo-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface);padding:2px 6px;border-radius:3px;margin-left:auto}.sidebar-nav{flex:1;padding:var(--sp-4) var(--sp-3);overflow-y:auto}.nav-section{margin-bottom:var(--sp-5)}.nav-section-title{font-family:var(--font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent-strong)}.nav-item svg{width:16px;height:16px;opacity:.6;stroke-width:2}.nav-item.active svg{opacity:1}.nav-item-badge{margin-left:auto;font-family:var(--font-mono);font-size:.65rem;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--error);color:#fff}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--border)}.system-status{display:flex;align-items:center;gap:var(--sp-2);font-size:.75rem;color:var(--text-muted)}.status-indicator{width:6px;height:6px;border-radius:50%;background:var(--success)}.status-indicator.warning{background:var(--warning)}.status-indicator.error{background:var(--error)}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:all .15s}.sidebar-toggle:hover{background:var(--hover);color:var(--text)}.sidebar-toggle svg{width:16px;height:16px}.sidebar.collapsed{width:60px}.sidebar.collapsed .sidebar-header{padding:var(--sp-3);flex-direction:column;gap:var(--sp-2)}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-toggle{width:100%}.sidebar.collapsed .nav-section-title{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--sp-2)}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item-badge{display:none}.sidebar.collapsed .system-status span:not(.status-indicator){display:none}.sidebar.collapsed .sidebar-footer{padding:var(--sp-3)}.sidebar.collapsed .system-status{justify-content:center}.app-layout.sidebar-collapsed .main-wrapper{margin-left:60px}.sidebar{transition:width .2s ease}.main-wrapper{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}.header{height:var(--header-h);background:var(--deep);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:var(--sp-4)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:.8rem}.breadcrumb-item{color:var(--text-muted)}.breadcrumb-item.current{color:var(--text);font-weight:600}.breadcrumb-separator{color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:var(--sp-3)}.header-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding:var(--sp-1) var(--sp-3);background:var(--surface);border-radius:var(--radius)}.header-user{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--surface);border-radius:var(--radius);cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:background .15s}.header-user:hover{background:var(--hover)}.header-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;color:#fff}.main-content{flex:1;padding:var(--sp-6);background:var(--void)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6)}.page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.page-subtitle{color:var(--text-secondary);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr!important}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity .2s}.stat-card:hover:before{opacity:1}.stat-card-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-2)}.stat-card-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1}.stat-card-change{display:flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);font-size:.7rem;font-family:var(--font-mono)}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--error)}.stat-card-chart{position:absolute;bottom:0;left:0;right:0;height:40px;opacity:.15}.stat-card-chart svg{width:100%;height:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:var(--elevated)}.panel-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.panel-body{padding:var(--sp-5)}.panel-body.no-padding{padding:0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.data-table th{font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--elevated);position:sticky;top:0}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--hover)}.data-table td{font-size:.85rem}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text)}.data-table th.text-right,.data-table td.text-right{text-align:right}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable-row{cursor:pointer;transition:background .1s ease}.data-table tr.clickable-row:hover{background:var(--hover)!important}.data-table tr.clickable-row:active{background:var(--active)!important}.data-table .cell-secondary{font-size:.75rem;color:var(--text-muted)}.data-table .mono{font-family:var(--font-mono);font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-error{background:var(--error-dim);color:var(--error)}.badge-info{background:var(--info-dim);color:var(--info)}.badge-neutral{background:var(--hover);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-family:var(--font);font-size:.8rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:14px;height:14px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--elevated);color:var(--text-secondary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:.75rem}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-2)}.form-input,.form-select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--elevated);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.85rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.form-input::placeholder{color:var(--text-dim)}.chart-container{position:relative;height:200px;padding:var(--sp-4)}.chart-bar-group{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:2px}.chart-bar{flex:1;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease,background .15s;position:relative}.chart-bar:hover{background:var(--accent-strong)}.chart-bar:after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);padding-bottom:4px;opacity:0;transition:opacity .15s}.chart-bar:hover:after{opacity:1}.sparkline{display:flex;align-items:flex-end;height:24px;gap:1px}.sparkline-bar{flex:1;background:var(--accent);opacity:.6;border-radius:1px;min-height:2px}.progress-bar{height:6px;background:var(--hover);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.progress-bar-fill.success{background:var(--success)}.progress-bar-fill.warning{background:var(--warning)}.progress-bar-fill.error{background:var(--error)}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);transition:background .1s}.activity-item:hover{background:var(--hover)}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--hover);color:var(--text-muted)}.activity-icon.success{background:var(--success-dim);color:var(--success)}.activity-icon.warning{background:var(--warning-dim);color:var(--warning)}.activity-icon.error{background:var(--error-dim);color:var(--error)}.activity-icon svg{width:12px;height:12px}.activity-content{flex:1;min-width:0}.activity-title{font-size:.8rem;margin-bottom:2px}.activity-meta{display:flex;gap:var(--sp-3);font-size:.7rem;color:var(--text-muted)}.activity-time{font-family:var(--font-mono)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--void);position:relative}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 40%,rgba(59,130,246,.04) 0%,transparent 60%)}.login-container{width:100%;max-width:340px;padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--sp-8)}.login-logo{width:48px;height:48px;margin:0 auto var(--sp-4)}.login-logo svg{width:100%;height:100%}.login-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.login-subtitle{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.login-error{background:var(--error-dim);border-left:2px solid var(--error);color:var(--error);padding:var(--sp-3);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:var(--sp-4);font-size:.8rem}.login-form .form-input{background:var(--elevated)}.login-form .btn{width:100%;padding:var(--sp-3);margin-top:var(--sp-4)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);gap:var(--sp-3);color:var(--text-muted);font-size:.8rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);gap:var(--sp-3);color:var(--error);text-align:center;font-size:.85rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12);text-align:center}.empty-state-title{font-size:.95rem;font-weight:600;margin-bottom:var(--sp-2)}.empty-state-text{color:var(--text-muted);font-size:.8rem;max-width:260px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}@media(max-width:1200px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.grid-2,.grid-3{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);z-index:1000;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:85vh;overflow:hidden;animation:modal-in .15s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-title{font-size:.9rem;font-weight:600}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.modal-close:hover{background:var(--hover);color:var(--text)}.modal-body{padding:var(--sp-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.tabs-container{margin-bottom:var(--sp-6)}.tabs{display:flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tab:hover{color:var(--text-secondary);background:var(--hover)}.tab.active{color:var(--text);background:var(--elevated);box-shadow:0 1px 3px #0003}.tab svg{width:14px;height:14px;opacity:.6}.tab.active svg{opacity:1}.tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tabs.tabs-pills{background:transparent;border:none;padding:0;gap:var(--sp-2)}.tabs.tabs-pills .tab{background:var(--surface);border:1px solid var(--border)}.tabs.tabs-pills .tab:hover{border-color:var(--border-strong)}.tabs.tabs-pills .tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-strong)}@media(max-width:768px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-100%);width:260px;transition:transform .2s ease}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}.main-content{padding:var(--sp-4)}.page-header{flex-direction:column;gap:var(--sp-3)}}