*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--bg-primary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #161616;--bg-elevated: #1a1a1a;--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(139, 92, 246, .3);--text-primary: #f5f5f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--yellow: #eab308;--yellow-dim: rgba(234, 179, 8, .15);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .15);--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{height:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}.dashboard{max-width:1400px;margin:0 auto;padding:var(--gap-lg);overflow-x:clip}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--gap-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--gap-lg)}.dashboard-title{display:flex;align-items:center;gap:var(--gap-md)}.dashboard-title .logo{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--violet-500),#d946ef);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.dashboard-title h1{font-size:20px;font-weight:600;color:var(--text-primary)}.dashboard-controls{display:flex;align-items:center;gap:var(--gap-md)}.tabs{display:flex;gap:var(--gap-xs);padding:3px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--gap-lg);overflow-x:auto}.tab{padding:8px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.tab.active{color:var(--violet-400);background:#8b5cf61f;border:1px solid var(--border-accent)}.period-selector{display:flex;gap:2px;padding:2px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.period-btn{padding:5px 12px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.period-btn:hover{color:var(--text-secondary)}.period-btn.active{background:var(--violet-600);color:#fff}.custom-range-wrapper{position:relative}.custom-range-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:100;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;min-width:280px}.custom-range-row{display:flex;flex-direction:column;gap:8px}.custom-range-label{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-weight:500}.custom-range-label span{min-width:32px}.custom-range-label input[type=datetime-local]{flex:1;padding:6px 10px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-main);color:var(--text-primary);font-family:var(--font);font-size:12px;color-scheme:dark}.custom-range-label input[type=datetime-local]:focus{outline:none;border-color:var(--violet-600)}.custom-range-apply{padding:6px 16px;border-radius:4px;border:none;background:var(--violet-600);color:#fff;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.custom-range-apply:hover{background:var(--violet-500, #7c3aed)}.range-error{color:var(--red-500, #ef4444);font-size:11px;font-weight:500}.auto-refresh{display:flex;align-items:center;gap:var(--gap-sm);font-size:12px;color:var(--text-muted)}.toggle{position:relative;width:44px;height:24px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-subtle);cursor:pointer;transition:background .2s;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;font:inherit;outline:none}.toggle:focus-visible{box-shadow:0 0 0 2px var(--violet-500)}.toggle.on{background:var(--violet-600);border-color:var(--violet-500)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(20px)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-md);margin-bottom:var(--gap-lg)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--gap-md) var(--gap-lg);transition:border-color .2s}.kpi-card:hover{border-color:var(--border-accent)}.kpi-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--gap-xs)}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-value.green{color:var(--green)}.kpi-value.red{color:var(--red)}.kpi-value.violet{color:var(--violet-400)}.kpi-value.yellow{color:var(--yellow)}.kpi-subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.kpi-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--text-muted);font-size:9px;font-weight:700;color:var(--text-muted);cursor:help;margin-left:4px;position:relative;vertical-align:middle;transition:border-color .15s,color .15s;padding:0}.kpi-help:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:1}.kpi-help:hover{border-color:var(--text-primary);color:var(--text-primary)}.kpi-tooltip{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:6px;padding:8px 12px;font-size:11px;font-weight:400;line-height:1.5;color:var(--text-secondary);white-space:pre-line;min-width:220px;max-width:320px;z-index:100;box-shadow:0 4px 12px #0006;pointer-events:none}.chart-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--gap-lg);margin-bottom:var(--gap-md)}.chart-panel .recharts-responsive-container{min-width:0}.chart-panel-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--gap-md)}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin-bottom:var(--gap-md)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.data-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.data-table .mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.data-table tr.row-separator-top td{border-top:1px solid var(--border-subtle)}.data-table tr.row-dimmed td{opacity:.5}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-success{background:var(--green-dim);color:var(--green)}.badge-error{background:var(--red-dim);color:var(--red)}.badge-warning{background:var(--yellow-dim);color:var(--yellow)}.badge-info{background:var(--blue-dim);color:var(--blue)}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px;gap:var(--gap-md)}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--violet-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--red);font-size:13px;text-align:center}.recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important;font-size:11px!important}.recharts-tooltip-wrapper{outline:none!important}.custom-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-accent)!important;border-radius:var(--radius-sm)!important;padding:8px 12px!important;font-size:12px!important;color:var(--text-primary)!important;box-shadow:0 8px 32px #0006!important}.custom-tooltip .label{color:var(--text-muted);margin-bottom:4px}.trace-search{display:flex;gap:var(--gap-sm);margin-bottom:var(--gap-md)}.trace-search-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:13px;outline:none;transition:border-color .15s}.trace-search-input:focus{border-color:var(--violet-500)}.trace-search-input::placeholder{color:var(--text-muted)}.trace-search-btn{background:var(--violet-600);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.trace-search-btn:hover:not(:disabled){background:var(--violet-500)}.trace-search-btn:disabled{opacity:.4;cursor:not-allowed}.waterfall-container{margin-top:var(--gap-sm)}.waterfall-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:var(--gap-sm);padding-bottom:var(--gap-xs);border-bottom:1px solid var(--border-subtle)}.waterfall-row{display:grid;grid-template-columns:200px 1fr 60px;align-items:center;gap:var(--gap-sm);padding:4px 0;font-size:12px}.waterfall-row:hover{background:var(--bg-elevated);border-radius:4px}.waterfall-label{display:flex;align-items:center;gap:6px;overflow:hidden}.waterfall-worker{font-weight:600;font-size:11px;flex-shrink:0}.waterfall-span{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:11px;white-space:nowrap}.waterfall-meta{color:var(--text-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waterfall-track{position:relative;height:18px;background:#ffffff08;border-radius:3px}.waterfall-bar{position:absolute;top:2px;height:14px;border-radius:3px;min-width:2px;opacity:.85;transition:opacity .15s}.waterfall-bar:hover{opacity:1}.waterfall-bar-error{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 6px)}.waterfall-duration{text-align:right;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;font-size:11px}.waterfall-legend{display:flex;gap:var(--gap-md);margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid var(--border-subtle)}.waterfall-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.waterfall-legend-dot{width:8px;height:8px;border-radius:50%}.pipeline-map{display:flex;flex-direction:column;gap:0}.pipeline-stage{padding:var(--gap-sm) 0}.pipeline-stage-name{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-left:2px}.pipeline-stage-rows{display:flex;flex-direction:column;gap:4px}.pipeline-span-row{display:grid;grid-template-columns:200px 1fr 240px;align-items:center;gap:var(--gap-sm);padding:4px 6px;border-radius:4px;font-size:12px}.pipeline-span-row:hover{background:var(--bg-elevated)}.pipeline-span-label{display:flex;align-items:center;gap:6px;overflow:hidden}.pipeline-span-bar-track{position:relative;height:16px;background:#ffffff08;border-radius:3px}.pipeline-span-bar{height:100%;border-radius:3px;min-width:2px;transition:width .3s ease}.pipeline-span-stats{display:flex;align-items:center;gap:8px;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-primary);justify-content:flex-end}.pipeline-span-max{color:var(--text-muted)}.pipeline-span-calls{color:var(--text-muted);font-size:10px}.pipeline-trend{font-size:11px;font-weight:600;min-width:32px;text-align:center}.trend-good{color:#22c55e}.trend-warn{color:#eab308}.trend-bad{color:#ef4444}.trend-flat{color:var(--text-muted)}.pipeline-span-range{color:var(--text-muted);font-size:10px}.pipeline-span-pct{color:var(--text-muted);font-size:10px;min-width:24px;text-align:right}.pipeline-arrow{text-align:center;color:var(--text-muted);font-size:14px;padding:2px 0;opacity:.5}.recent-tasks-list{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.recent-task-item{background:var(--bg-card)}.recent-task-item.expanded{background:var(--bg-elevated)}.recent-task-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .12s;gap:var(--gap-sm)}.recent-task-row:hover{background:var(--bg-elevated)}.recent-task-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text-primary);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;cursor:pointer;border-radius:3px;padding:2px 4px;margin:-2px -4px;transition:background .15s}.recent-task-id:hover{background:#ffffff14}.recent-task-id.copied{color:#22c55e}.recent-task-meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:12px;flex-shrink:0}.recent-task-time{color:var(--text-muted);white-space:nowrap}.recent-task-spans{color:var(--text-secondary);white-space:nowrap}.recent-task-duration{color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.recent-task-revenue{color:#a78bfa;font-family:SF Mono,Fira Code,monospace;font-weight:600;white-space:nowrap}.task-billing-summary{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) 0;margin-top:var(--gap-sm);border-top:1px solid var(--border-subtle);font-size:12px}.task-billing-item{color:var(--text-secondary)}.task-billing-item strong{color:var(--text-primary)}.recent-task-search-btn{background:none;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted);font-size:11px;padding:2px 8px;cursor:pointer;transition:all .12s;transform:rotate(0)}.recent-task-search-btn:hover{border-color:var(--violet-500);color:var(--violet-400)}.recent-task-detail{padding:0 14px 14px;border-top:1px solid var(--border-subtle)}.recent-task-link{color:var(--violet-400);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .12s}.recent-task-link:hover{text-decoration-color:var(--violet-400)}.logs-container{margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:12px}.logs-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.logs-count{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.logs-filters{display:flex;align-items:center;gap:6px}.logs-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);padding:4px 6px;cursor:pointer}.logs-select:focus{border-color:var(--violet-500);outline:none}.logs-search{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);padding:4px 8px;width:140px}.logs-search:focus{border-color:var(--violet-500);outline:none}.logs-list{max-height:400px;overflow-y:auto;font-family:var(--font-mono);font-size:11px;line-height:1.5}.log-line{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:3px 6px;border-bottom:1px solid var(--border-subtle);cursor:default;transition:background .1s}.log-line:hover{background:var(--bg-elevated)}.log-level-error{border-left:3px solid #ef4444}.log-level-warn{border-left:3px solid #eab308}.log-time{color:var(--text-muted);flex-shrink:0;width:70px;text-align:right}.log-level{flex-shrink:0;width:42px;font-weight:600;text-transform:uppercase}.log-worker{flex-shrink:0;width:70px;font-weight:500}.log-message{flex:1;min-width:0;color:var(--text-primary);word-break:break-word}.log-expand{color:var(--text-muted);cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.log-expand:hover{color:var(--violet-400)}.log-data{width:100%;background:var(--bg-elevated);border-radius:4px;padding:8px 10px;margin:4px 0 2px;font-size:10px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.logs-truncated{color:var(--yellow-500, #eab308);font-weight:500}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md);padding:var(--gap-md)}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-md);padding:var(--gap-md)}.admin-editor-row{display:flex;gap:12px;align-items:center;padding:var(--gap-md);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.admin-editor-row .trace-search-input{min-width:0}.admin-filters-row{display:flex;gap:var(--gap-sm);margin-bottom:12px;flex-wrap:wrap;align-items:center}.admin-filters-row select{min-width:0}.admin-filter-select{width:140px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-md);padding:var(--gap-md)}.admin-create-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:var(--gap-md);border-bottom:1px solid var(--border-subtle)}.admin-create-form>div{min-width:0}.admin-section-tabs{display:flex;gap:var(--gap-xs);padding:12px var(--gap-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-section-tabs.with-border{border-bottom:1px solid var(--border-subtle)}.admin-section-tabs::-webkit-scrollbar{display:none}.admin-section-tabs .period-btn{white-space:nowrap;flex-shrink:0}.admin-note-row{display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap}.admin-export-row{display:flex;gap:var(--gap-sm);flex-wrap:wrap}@media(max-width:768px){.dashboard{padding:var(--gap-md)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--gap-sm)}.dashboard-controls{width:100%;justify-content:space-between}.tabs{gap:2px;padding:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 14px;font-size:13px;min-height:44px;display:flex;align-items:center}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap-sm)}.kpi-card{padding:var(--gap-sm) var(--gap-md)}.kpi-value{font-size:22px}.kpi-tooltip{left:0;transform:none;max-width:calc(100vw - 48px);min-width:180px}.chart-panel{padding:var(--gap-md)}.chart-row{grid-template-columns:1fr}.recharts-cartesian-axis-tick-value{font-size:9px!important}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.data-table thead,.data-table tbody,.data-table tr{display:table;width:100%;table-layout:auto}.data-table-scroll .data-table{display:table;overflow:visible;min-width:max-content}.data-table th,.data-table td{padding:8px;font-size:12px;white-space:nowrap}.pipeline-span-row{grid-template-columns:1fr;gap:4px;padding:6px}.pipeline-span-label{order:1}.pipeline-span-bar-track{order:2}.pipeline-span-stats{order:3;justify-content:flex-start;flex-wrap:wrap;gap:6px;font-size:10px}.waterfall-row{grid-template-columns:120px 1fr 50px}.waterfall-span{font-size:10px}.waterfall-meta{display:none}.waterfall-legend{flex-wrap:wrap;gap:var(--gap-sm)}.recent-task-row{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.recent-task-id{max-width:100%;font-size:11px}.recent-task-meta{flex-wrap:wrap;gap:6px}.recent-task-detail{padding:0 10px 10px}.task-billing-summary{flex-wrap:wrap;gap:var(--gap-sm);font-size:11px}.logs-header{flex-direction:column;align-items:flex-start;gap:8px}.logs-filters{width:100%;flex-wrap:wrap}.logs-search{width:100%}.log-line{gap:4px;padding:4px;font-size:10px}.log-time{width:50px;font-size:10px}.log-level{width:36px;font-size:10px}.log-worker{width:55px;font-size:10px}.log-message{min-width:0;font-size:11px}.log-data{font-size:9px}.trace-search{flex-direction:column}.trace-search-btn{width:100%}.admin-info-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gap-sm);padding:var(--gap-sm)}.admin-actions-grid{grid-template-columns:1fr;padding:var(--gap-sm)}.admin-editor-row{flex-direction:column;align-items:stretch;gap:var(--gap-sm);padding:var(--gap-sm)}.admin-editor-row .trace-search-input{width:100%!important}.admin-editor-row .trace-search-btn{width:100%}.admin-filters-row{flex-direction:column;align-items:stretch}.admin-filters-row select{width:100%!important}.admin-kpi-grid{grid-template-columns:1fr 1fr;gap:var(--gap-sm);padding:var(--gap-sm)}.admin-create-form{flex-direction:column;align-items:stretch;padding:var(--gap-sm)}.admin-create-form .trace-search-input,.admin-create-form select{width:100%!important}.admin-section-tabs{padding:var(--gap-sm);scrollbar-width:none}.admin-note-row{flex-direction:column;align-items:stretch}.admin-note-row .trace-search-btn{width:100%}.period-selector .period-btn{padding:10px 14px;min-height:44px}.custom-range-dropdown{right:auto;left:0;min-width:260px}.trace-search-btn{min-height:44px}.recent-task-search-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.trace-search-input,.logs-search,.logs-select,select,input[type=text],input[type=number],input[type=email],input[type=search]{font-size:16px}.admin-filters-row .trace-search-input,.admin-filter-select{width:100%!important}.kpi-subtitle{word-break:break-word;overflow-wrap:break-word}.admin-export-row{width:100%}.admin-export-row .trace-search-btn{flex:1;min-width:0}}@media(max-width:480px){.dashboard{padding:var(--gap-sm)}.dashboard-title h1{font-size:16px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:18px}.kpi-label{font-size:10px}.chart-panel{padding:var(--gap-sm)}.chart-panel-title{font-size:13px}.pipeline-span-stats{font-size:9px}.waterfall-row{grid-template-columns:90px 1fr 44px;font-size:10px}.waterfall-worker,.waterfall-duration{font-size:10px}.log-time{width:42px;font-size:9px}.log-level{width:30px;font-size:9px}.log-worker{width:45px;font-size:9px}.period-selector .period-btn{padding:8px 10px;font-size:11px;min-height:44px}.recent-task-id{font-size:10px}.recent-task-meta{font-size:11px}.data-table{min-width:400px}.admin-info-grid,.admin-kpi-grid{grid-template-columns:1fr}.pipeline-span-range,.pipeline-span-pct{display:none}}.pwa-toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;animation:pwa-slide-in .3s ease-out}.pwa-toast-message{font-size:14px;font-weight:500;color:var(--text-primary)}.pwa-toast-btn{padding:6px 16px;background:var(--violet-600);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit;white-space:nowrap}.pwa-toast-btn:hover{background:var(--violet-500)}.pwa-toast-dismiss{padding:4px 8px;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:color .15s;font-family:inherit;line-height:1}.pwa-toast-dismiss:hover{color:var(--text-primary)}@keyframes pwa-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.pwa-toast{left:16px;right:16px;bottom:16px}}