@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--surface-0:#0a0a0b;--surface-1:#131315;--surface-2:#1d1d20;--surface-3:#27272a;--surface-hover:#222225;--border:#27272a;--border-subtle:#1d1d20;--border-focus:var(--accent-primary);--accent-primary:#7552e0;--accent-primary-hover:#8a6ce5;--accent-primary-muted:#7552e026;--accent-secondary:#308ce8;--accent-secondary-muted:#308ce81f;--accent-gradient:linear-gradient(135deg, #7552e0, #308ce8);--text-primary:#ebebeb;--text-secondary:#8c8c8c;--text-tertiary:#616161;--text-inverse:#0a0a0a;--success:#2eb867;--success-muted:#2eb8671f;--warning:#f49d25;--warning-muted:#f49d251f;--danger:#dd3c3c;--danger-muted:#dd3c3c1f;--info:#308ce8;--info-muted:#308ce81f;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--tracking-tight:-.02em;--tracking-normal:-.01em;--leading-tight:1.2;--leading-normal:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #7552e026;--transition-fast:.12s ease-out;--transition-medium:.2s ease-out;--transition-slow:.35s ease-out;--sidebar-width:240px;--sidebar-collapsed:64px;--topbar-height:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background:var(--surface-0);overflow:hidden}a{color:var(--accent-secondary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--surface-1);border-right:1px solid var(--border);height:100vh;transition:width var(--transition-medium);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo .logo-icon{background:var(--accent-gradient);border-radius:var(--radius-sm);width:28px;height:28px;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo .logo-text{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:600}.sidebar-nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-section-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-4) var(--space-3) var(--space-2);font-weight:500}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-weight:450;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-muted);color:var(--accent-primary)}.nav-item .nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-item .nav-badge{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-3);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-weight:500}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle)}.plan-badge{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.plan-badge:hover{background:var(--surface-3);border-color:var(--border)}.plan-badge.active{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:var(--success-muted)}.plan-badge-btn{border:1px solid var(--border-subtle);text-align:left;width:100%;font:inherit;color:inherit}.plan-badge .plan-label{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;font-weight:600;display:block}.plan-badge .plan-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-top:2px;display:block}.plan-badge .plan-arrow{color:var(--text-tertiary);flex-shrink:0}.plan-badge.active .plan-label,.plan-badge.active .plan-arrow{color:var(--success)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-title{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:600}.topbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.topbar-breadcrumb .separator{color:var(--text-tertiary)}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-mobile-nav{display:none}.topbar-mobile-nav-trigger{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-sm);height:32px;padding:0 var(--space-2);align-items:center;gap:var(--space-2);font-size:var(--text-xs);cursor:pointer;display:inline-flex}.topbar-mobile-nav-trigger:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.topbar-mobile-nav-menu{width:220px;max-width:calc(100vw - 24px);left:auto;right:0}.search-trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);min-width:200px;display:flex}.search-trigger:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.search-trigger kbd{font-family:var(--font-body);font-size:var(--text-xs);background:var(--surface-3);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:1px 5px}.icon-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn .notification-dot{background:var(--accent-primary);border:1.5px solid var(--surface-1);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.avatar{background:var(--accent-gradient);width:28px;height:28px;font-size:var(--text-xs);color:#fff;cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar:hover{box-shadow:0 0 0 2px var(--accent-primary-muted)}.page-content{padding:var(--space-6);flex:1;overflow-y:auto}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.metrics-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-fast);cursor:default}.metric-card:hover{background:var(--surface-hover);border-color:var(--surface-3);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:450}.metric-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-icon.purple{background:var(--accent-primary-muted);color:var(--accent-primary)}.metric-icon.blue{background:var(--accent-secondary-muted);color:var(--accent-secondary)}.metric-icon.green{background:var(--success-muted);color:var(--success)}.metric-icon.yellow{background:var(--warning-muted);color:var(--warning)}.metric-value{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-1)}.metric-change{align-items:center;gap:var(--space-1);font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 6px;font-weight:500;display:inline-flex}.metric-change.up{color:var(--success);background:var(--success-muted)}.metric-change.down{color:var(--danger);background:var(--danger-muted)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:600}.section-actions{gap:var(--space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.data-table-wrapper{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;overflow:auto hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--surface-2)}.data-table th{text-align:left;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:500}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.row-actions{align-items:center;gap:var(--space-1);display:inline-flex}.pagination-controls{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.pagination-controls .mono{font-size:var(--text-sm);color:var(--text-secondary)}.schedule-runs-panel{margin-top:var(--space-5);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.status-badge{font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-weight:500;display:inline-flex}.status-badge .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge.success{background:var(--success-muted);color:var(--success)}.status-badge.success .dot{background:var(--success)}.status-badge.warning{background:var(--warning-muted);color:var(--warning)}.status-badge.warning .dot{background:var(--warning)}.status-badge.danger{background:var(--danger-muted);color:var(--danger)}.status-badge.danger .dot{background:var(--danger)}.status-badge.info{background:var(--info-muted);color:var(--info)}.status-badge.info .dot{background:var(--info)}.status-badge.neutral{background:var(--surface-3);color:var(--text-secondary)}.status-badge.neutral .dot{background:var(--text-tertiary)}.status-badge.running .dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6)}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--text-base);font-weight:600}.chart-period{gap:var(--space-1);display:flex}.chart-period button{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.chart-period button:hover{color:var(--text-secondary)}.chart-period button.active{background:var(--surface-3);color:var(--text-primary)}.chart-area{height:180px;padding-top:var(--space-4);align-items:flex-end;gap:3px;display:flex}.chart-bar{background:var(--accent-primary-muted);transition:all var(--transition-medium);border-radius:3px 3px 0 0;flex:1;min-height:4px;position:relative}.chart-bar:hover{background:var(--accent-primary)}.content-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-cell{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.channel-avatar{border-radius:var(--radius-md);width:48px;height:48px;font-weight:600;font-size:var(--text-base);color:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.channel-avatar:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#fff0 100%);position:absolute;inset:0}.channel-card:hover .channel-avatar{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.channel-avatar.purple{background:linear-gradient(135deg, var(--accent-primary), #8b5cf6)}.channel-avatar.blue{background:linear-gradient(135deg, var(--accent-secondary), #3b82f6)}.channel-avatar.green{background:linear-gradient(135deg, var(--success), #10b981)}.channel-avatar.yellow{background:linear-gradient(135deg, var(--warning), #f59e0b)}.channel-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.channel-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;transition:color .2s;overflow:hidden}.channel-card:hover .channel-name{color:var(--accent-primary)}.channel-handle{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-handle-btn{cursor:pointer;text-align:left;border-radius:var(--radius-sm);align-items:center;gap:var(--space-1);background:0 0;border:none;margin:-2px -6px;padding:2px 6px;transition:all .2s;display:inline-flex;position:relative}.channel-handle-btn:hover{color:var(--accent-primary);background:var(--accent-primary-muted)}.channel-handle-btn:active{transform:scale(.98)}.channel-handle-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);max-width:400px}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--surface-hover)}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.activity-time{font-size:var(--text-xs);color:var(--text-tertiary)}.filter-bar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.search-input-wrapper{flex:1;min-width:200px;max-width:320px;position:relative}.search-input-icon{left:var(--space-3);color:var(--text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-2) 34px var(--space-2) 34px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{right:var(--space-2);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary);background:var(--surface-3)}.filter-tabs{gap:var(--space-1);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:flex}.filter-tab{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:4px;font-weight:500;display:flex}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--surface-3);color:var(--text-primary)}.primary-tabs{width:fit-content;padding:var(--space-1)}.primary-tab{gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600}.filter-count{background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-tertiary);padding:0 5px;font-size:.625rem}.primary-tab .filter-count{min-width:22px;font-size:var(--text-xs);text-align:center;padding:2px 7px}.filter-tab.active .filter-count{background:var(--accent-primary-muted);color:var(--accent-primary)}.channel-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.channel-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.channel-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary,var(--accent-primary)));opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.channel-card:hover{border-color:var(--accent-primary-muted);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.channel-card:hover:before{opacity:1}.channel-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.channel-card-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.channel-type-badge{font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.02em;padding:4px 10px;font-weight:500}.channel-card-stats{gap:var(--space-8);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--surface-0);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.channel-stat{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;transition:color .2s;display:flex}.channel-stat:hover{color:var(--text-primary)}.channel-stat svg{color:var(--accent-primary);opacity:.8}.channel-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.channel-last-scrape{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.channel-card-actions{gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.channel-card-actions .btn{transition:all .2s;position:relative;overflow:hidden}.channel-card-actions .btn:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.channel-card-actions .btn:hover:before{width:100px;height:100px}.channel-card-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.channel-card-actions .btn:active{transform:translateY(0)}.channel-card-actions .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.channel-card-actions .btn-primary{font-weight:600;box-shadow:0 2px 8px #6366f140}.channel-card-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f159}[dir=rtl] .channel-card-actions{justify-content:flex-start}.clickable-row{transition:background-color .2s}.clickable-row:hover{background-color:var(--surface-2)}@media (max-width:768px){.channel-card{padding:var(--space-4)}.channel-card-stats{gap:var(--space-4);padding:var(--space-3)}.channel-card-actions{justify-content:stretch;width:100%}.channel-card-actions .btn{flex:1;min-width:0}}.channel-card-add{justify-content:center;align-items:center;gap:var(--space-2);border-style:dashed;border-color:var(--border);color:var(--text-tertiary);cursor:pointer;flex-direction:column;min-height:200px;display:flex}.channel-card-add:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-muted)}.channel-card-add span{font-size:var(--text-sm);font-weight:500}.channel-card-add p{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.type-pill{font-size:var(--text-xs);background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-secondary);padding:2px 8px}.progress-cell{align-items:center;gap:var(--space-2);min-width:120px;display:flex}.progress-bar{background:var(--surface-3);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--accent-primary);height:100%;transition:width var(--transition-medium);border-radius:2px}.progress-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-align:right;min-width:32px}.live-indicator{font-size:var(--text-xs);color:var(--danger);letter-spacing:.05em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.live-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.live-channel-chips{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.channel-chip{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;font-weight:500;display:inline-flex}.channel-chip:hover:not(.disabled){border-color:var(--text-tertiary);color:var(--text-primary)}.channel-chip.active{background:var(--accent-primary-muted);border-color:var(--accent-primary);color:var(--accent-primary)}.channel-chip.disabled{opacity:.5;cursor:not-allowed}.chip-dot{border-radius:50%;width:6px;height:6px}.chip-dot.purple{background:var(--accent-primary)}.chip-dot.blue{background:var(--accent-secondary)}.chip-dot.green{background:var(--success)}.chip-dot.yellow{background:var(--warning)}.live-feed-wrapper{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);max-height:500px;margin-bottom:var(--space-5);overflow-y:auto}.live-message{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);transition:background var(--transition-fast);animation:.3s ease-out fadeIn;display:flex}.live-message:hover{background:var(--surface-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.live-message-time{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;min-width:60px}.live-message-channel{font-size:var(--text-xs);flex-shrink:0;min-width:110px;font-weight:500}.live-message-channel.purple{color:var(--accent-primary)}.live-message-channel.blue{color:var(--accent-secondary)}.live-message-channel.yellow{color:var(--warning)}.live-message-sender{color:var(--text-primary);flex-shrink:0;min-width:100px;font-weight:500}.live-message-text{color:var(--text-secondary);min-width:0}.upgrade-banner{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--accent-primary-muted);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid #7552e040;display:flex}.upgrade-banner strong{color:var(--text-primary)}.upgrade-banner .btn{flex-shrink:0;margin-left:auto}.live-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(600px 220px at 0% 0%, #dd3c3c1f, transparent 60%), radial-gradient(400px 200px at 100% 100%, #7552e01a, transparent 60%), linear-gradient(135deg, var(--surface-1), var(--surface-2));margin-bottom:var(--space-5);display:flex;box-shadow:0 8px 24px #0003}.live-header-main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.live-header-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--danger), #f45525);color:#fff;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 6px 16px #ad1f1f66}.live-header-title-row{align-items:center;gap:var(--space-3);display:flex}.live-header-title-row h2{margin:0}.live-header-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.live-header-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.live-notice{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-2);display:flex}.live-notice.success{background:var(--success-muted);color:var(--success);border-color:#2eb86759}.live-notice.warning{background:var(--warning-muted);color:var(--warning);border-color:#f49d2566}.live-notice.error{background:var(--danger-muted);color:var(--danger);border-color:#dd3c3c59}.live-notice-close{width:22px;height:22px;color:inherit;opacity:.7;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}.live-notice-close:hover{opacity:1;background:#0000001f}.live-listener-strip{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.chip-count{background:var(--surface-3);color:var(--text-secondary);border-radius:var(--radius-full);margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600}.channel-chip.active .chip-count{background:var(--accent-primary);color:#fff}.chip-status{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-left:6px;font-size:10px;font-weight:600}.live-empty{text-align:center;padding:var(--space-12) var(--space-6);background:var(--surface-1);border:1px dashed var(--border);border-radius:var(--radius-xl);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.live-empty-icon{border-radius:var(--radius-lg);background:var(--accent-primary-muted);width:56px;height:56px;color:var(--accent-primary);place-items:center;display:grid}.live-empty h3{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0;font-weight:700}.live-empty p{max-width:420px;font-size:var(--text-sm);color:var(--text-secondary);margin:0}.live-feed-card{margin-bottom:var(--space-5)}.live-feed-loading{padding:var(--space-8) var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.live-listener-table{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-5);overflow:hidden}.live-listener-table-head,.live-listener-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;display:grid}.live-listener-table-head{background:var(--surface-2);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.live-listener-row{border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-primary);transition:background var(--transition-fast)}.live-listener-row:last-child{border-bottom:0}.live-listener-row:hover{background:var(--surface-hover)}.live-listener-row strong{font-weight:600;display:block}.live-listener-row small{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.live-listener-actions{gap:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.live-listener-row .danger-text{color:var(--danger);border-color:#dd3c3c59}.live-listener-row .danger-text:hover:not(:disabled){background:var(--danger-muted);color:var(--danger);border-color:var(--danger)}.live-listener-row .danger-text:disabled{opacity:.6;cursor:not-allowed}.live-message-channel.green{color:var(--success)}@media (max-width:900px){.live-header{flex-direction:column;align-items:flex-start}.live-header-actions{width:100%}.live-listener-table-head,.live-listener-row{grid-template-columns:1fr}.live-listener-table-head{display:none}}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-page-header{margin-bottom:var(--space-6)}.settings-container{align-items:flex-start;gap:var(--space-8);display:flex}.settings-sidebar{top:var(--space-4);gap:var(--space-1);flex-direction:column;flex-shrink:0;width:220px;display:flex;position:sticky}.settings-tab-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500;display:flex}.settings-tab-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-tab-btn.active{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.settings-tab-btn.danger.active{color:var(--danger);border-color:var(--danger-muted)}.settings-content{flex:1;min-width:0;max-width:680px}.settings-layout{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;display:grid}.settings-section{gap:var(--space-3);flex-direction:column;display:flex}.settings-section-highlighted .settings-card{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-muted)}.settings-section-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-base);color:var(--text-primary);font-weight:600;display:flex}.settings-section-header h3{font-size:var(--text-base)}.settings-section-header.danger{color:var(--danger)}.settings-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.settings-overview{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-overview-item{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.settings-overview-label{color:var(--text-tertiary);font-size:var(--text-xs)}.settings-overview-value{color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono)}.danger-card{border-color:#dd3c3c40}.settings-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-row>div:first-child{min-width:0}.settings-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;display:block}.settings-hint,.field-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;display:block}.field-hint-warning{color:var(--warning)}.field-hint-error{color:var(--danger)}.settings-input{padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);width:260px;transition:border-color var(--transition-fast);outline:none}.settings-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.settings-select{padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);outline:none}.settings-select:focus{border-color:var(--accent-primary)}.settings-actions{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.settings-plan-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.settings-danger-button{background:var(--danger-muted);color:var(--danger);border-color:var(--danger-muted)}.settings-danger-button:hover{background:#dd3c3c2e;border-color:#dd3c3c4d}.toggle{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface-3);cursor:pointer;transition:background var(--transition-fast);border-radius:10px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-secondary);width:16px;height:16px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(16px)}.usage-bar-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.usage-bar-label{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;display:flex}.usage-bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.usage-fill{background:var(--accent-primary);height:100%;transition:width var(--transition-medium);border-radius:3px}.usage-fill.full{background:var(--warning)}.key-display{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:.02em;padding:3px 8px}.code-block{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-2);padding:var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:var(--space-3);border:1px solid var(--border-subtle);line-height:1.6;overflow-x:auto}.info-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.info-card code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-3);color:var(--accent-primary);border-radius:4px;padding:2px 6px}.webhook-list{gap:var(--space-3);flex-direction:column;display:flex}.webhook-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.webhook-card:hover{border-color:var(--surface-3)}.webhook-card.disabled{opacity:.6}.webhook-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.webhook-url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.webhook-card-events{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.event-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.event-chip{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.event-chip:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.event-chip.active{background:var(--accent-primary-muted);border-color:var(--accent-primary);color:var(--accent-primary)}.webhook-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.webhook-delivery{align-items:center;gap:var(--space-3);font-size:var(--text-xs);display:flex}.auth-screen{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg, #0c475057, transparent 42%), linear-gradient(315deg, #543d083d, transparent 38%), var(--surface-0);place-items:center;display:grid}.auth-screen-premium{grid-template-columns:minmax(0,1.05fr) minmax(360px,480px);place-items:stretch stretch;gap:clamp(24px,5vw,72px);padding:clamp(24px,5vw,64px);position:relative;overflow:hidden}.auth-screen-premium:before{content:"";pointer-events:none;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.32;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.auth-showcase{z-index:1;flex-direction:column;justify-content:space-between;min-height:min(720px,100vh - 96px);padding:clamp(8px,2vw,24px) 0;animation:.8s ease-out fadeIn;display:flex;position:relative}.auth-brand{align-items:center;gap:var(--space-3);color:var(--text-primary);display:inline-flex}.auth-logo-mark,.auth-form-icon{color:#fff;background:linear-gradient(135deg,#29ae8af2,#2e7ae5f2);flex-shrink:0;place-items:center;display:grid;box-shadow:0 16px 34px #0d456d52}.auth-logo-mark{border-radius:var(--radius-lg);width:42px;height:42px;font-weight:700;font-size:var(--text-lg)}.auth-brand-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.auth-brand-caption,.auth-card-kicker,.auth-field-hint{color:var(--text-tertiary);font-size:var(--text-xs)}.auth-showcase-copy{max-width:640px}.auth-kicker{align-items:center;gap:var(--space-2);width:fit-content;margin-bottom:var(--space-5);border-radius:var(--radius-full);color:#62daba;font-size:var(--text-xs);background:#114a3b2e;border:1px solid #29ae8a47;padding:7px 10px;font-weight:600;display:inline-flex}.auth-showcase-copy h1{letter-spacing:-.035em;max-width:760px;color:var(--text-primary);margin:0;font-size:clamp(2rem,4.4vw,4.1rem);line-height:1.02}.auth-showcase-copy p{max-width:560px;margin-top:var(--space-5);color:var(--text-secondary);font-size:var(--text-lg);line-height:1.65}.auth-signal-panel{gap:var(--space-3);width:min(520px,100%);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#18181beb;border:1px solid #ffffff14;display:grid}.auth-signal-header,.auth-signal-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth-signal-header{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.auth-signal-row{min-height:38px;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);background:#ffffff06}.auth-signal-row strong{color:var(--text-primary);font-size:var(--text-xs);margin-left:auto}.auth-signal-dot{border-radius:var(--radius-full);background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px var(--success-muted)}.auth-signal-dot.cyan{background:#20bdd5;box-shadow:0 0 0 4px #20bdd524}.auth-signal-dot.amber{background:var(--warning);box-shadow:0 0 0 4px var(--warning-muted)}.auth-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);width:min(420px,100%);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.auth-card-premium{z-index:1;background:linear-gradient(#ffffff0e,#0000 34%),#161618fa;border-color:#ffffff1a;place-self:center end;width:min(480px,100%);padding:clamp(24px,4vw,36px);animation:.6s ease-out fadeInUp;position:relative;box-shadow:0 18px 40px #00000061,inset 0 0 0 1px #ffffff0d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card-loading{color:var(--text-secondary);flex-direction:row;justify-content:center;align-items:center}.auth-card-head{align-items:center;gap:var(--space-3);display:flex}.auth-form-icon{border-radius:var(--radius-md);width:40px;height:40px}.auth-title{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);margin:0}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.5}.auth-label{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;font-weight:500;display:flex}.auth-label .settings-input{width:100%}.auth-card-premium .settings-input{background:#0a0a0bb8;border-color:#ffffff1a;height:46px;transition:all .2s}.auth-card-premium .settings-input:hover{border-color:#ffffff26}.auth-card-premium .settings-input:focus{border-color:#20bdd5;transform:translateY(-1px);box-shadow:0 0 0 3px #20bdd524}.auth-error{padding:var(--space-3);border:1px solid var(--danger-muted);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);background:#dd3c3c14;margin:0}.auth-submit{justify-content:center;gap:var(--space-2);width:100%;min-height:46px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 20px #20bdd54d}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-toggle{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-0);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.auth-toggle .btn{border-radius:var(--radius-sm);justify-content:center;height:38px;font-weight:500;transition:all .2s}.auth-toggle .btn:hover{transform:translateY(-1px)}.auth-toggle .btn-primary{box-shadow:0 2px 8px #0003}.auth-trust-row{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.auth-trust-row span{align-items:center;gap:var(--space-1);display:inline-flex}.auth-actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (max-width:900px){.auth-screen-premium{grid-template-columns:1fr;place-items:center;overflow-y:auto}.auth-screen-premium:before{-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.auth-showcase{gap:var(--space-6);width:min(480px,100%);min-height:auto;padding:0}.auth-showcase-copy h1{font-size:clamp(1.9rem,9vw,2.9rem)}.auth-showcase-copy p{font-size:var(--text-base)}.auth-card-premium{justify-self:center}}@media (max-width:560px){.auth-screen{padding:var(--space-4)}.auth-screen-premium{gap:var(--space-5)}.auth-showcase-copy h1{font-size:2rem}.auth-signal-panel{display:none}.auth-card{border-radius:var(--radius-lg)}}.topbar-signout{color:var(--text-secondary)}.topbar-menu-container{position:relative}.avatar-btn{cursor:pointer;border:none}.topbar-menu{top:calc(100% + var(--space-2));background:color-mix(in srgb, var(--surface-1) 94%, black);border:1px solid var(--border);border-radius:var(--radius-md);width:min(340px,100vw - 32px);box-shadow:var(--shadow-lg);z-index:60;padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.topbar-menu-header{padding:var(--space-2) var(--space-3) var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-1);background:linear-gradient(180deg, var(--surface-2), transparent);display:flex}.topbar-menu-header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-menu-header strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.topbar-menu-header span{color:var(--text-tertiary)}.topbar-menu-badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);font-size:var(--text-xs);flex-shrink:0;padding:3px 8px;font-weight:600;color:var(--text-secondary)!important}.topbar-menu-action{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);color:var(--accent-secondary);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;padding:4px 9px;font-weight:700}.topbar-menu-action:hover{background:var(--accent-secondary-muted);border-color:color-mix(in srgb, var(--accent-secondary) 34%, var(--border))}.topbar-menu-item{color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:left;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);width:100%;min-height:36px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.topbar-menu-item:hover{background:var(--surface-hover)}.topbar-notifications-menu{width:min(360px,100vw - 32px)}.topbar-notification-row{align-items:flex-start;display:flex;position:relative}.topbar-notification-row .topbar-notification-item{flex:1;min-width:0}.topbar-notification-dismiss{color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);margin-top:var(--space-1);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-notification-row:hover .topbar-notification-dismiss{opacity:1}.topbar-notification-dismiss:hover{color:var(--text-primary);background:var(--surface-hover)}.topbar-notification-item{color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-3);text-align:left;gap:var(--space-3);cursor:pointer;width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;grid-template-columns:32px 1fr;display:grid}.topbar-notification-item:hover{background:var(--surface-hover)}.topbar-notification-item.unread{background:color-mix(in srgb, var(--accent-secondary-muted) 38%, transparent)}.topbar-notification-item.unread:hover{background:color-mix(in srgb, var(--accent-secondary-muted) 55%, var(--surface-hover))}.topbar-notification-icon{border-radius:var(--radius-sm);background:var(--accent-secondary-muted);width:32px;height:32px;color:var(--accent-secondary);justify-content:center;align-items:center;display:flex}.topbar-notification-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.35;display:flex}.topbar-notification-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.topbar-notification-description{color:var(--text-secondary);font-size:var(--text-xs)}.topbar-notification-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.topbar-menu-empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:104px;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.topbar-profile-menu{width:min(320px,100vw - 32px)}.topbar-profile-card{padding:var(--space-3);align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-subtle);display:flex}.topbar-profile-avatar{flex-shrink:0;width:36px;height:36px}.topbar-profile-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-profile-copy strong{color:var(--text-primary);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600;line-height:1.35}.topbar-profile-label{color:var(--text-tertiary);font-size:var(--text-xs)}.topbar-profile-workspace{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.topbar-profile-workspace code{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 7px;overflow:hidden}.topbar-menu-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) calc(var(--space-2) * -1)}.topbar-menu-danger{color:var(--danger)}.topbar-menu-danger:hover{background:var(--danger-muted);color:var(--danger)}.topbar-palette{gap:var(--space-3);flex-direction:column;display:flex}.topbar-palette-input{max-width:none}.topbar-palette-list{border-top:1px solid var(--border-subtle);max-height:280px;padding-top:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex;overflow:auto}.topbar-palette-empty{padding:var(--space-3);color:var(--text-tertiary);align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.topbar-help{gap:var(--space-3);flex-direction:column;display:flex}.topbar-help p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.5}.topbar-help-actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.topbar{padding:0 var(--space-3)}.sidebar{display:none}.page-content{padding:var(--space-4)}.section-header{align-items:flex-start}.metrics-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.live-message{flex-wrap:wrap}.topbar-mobile-nav{display:block}.topbar-title{display:none}.search-trigger{min-width:auto;padding-inline:var(--space-2)}.search-trigger span,.search-trigger kbd,.topbar-signout{display:none}.topbar-mobile-nav-menu{top:calc(var(--topbar-height) + 8px);z-index:1005;width:auto;max-width:none;position:fixed;left:12px;right:12px}.settings-layout,.settings-overview{grid-template-columns:1fr}.settings-page-header{margin-bottom:var(--space-4)}.settings-page-header p{max-width:32rem;line-height:1.45}.settings-container{gap:var(--space-4);flex-direction:column}.settings-sidebar{z-index:5;width:calc(100% + (var(--space-4) * 2));margin:0 calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);gap:var(--space-2);background:color-mix(in srgb, var(--surface-0) 88%, transparent);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;flex-direction:row;position:sticky;top:0;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{display:none}.settings-tab-btn{width:auto;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;flex:none}.settings-tab-btn svg{width:15px;height:15px}.settings-content{width:100%;max-width:none}.settings-section-header{margin-bottom:var(--space-2)}.settings-card{padding:var(--space-4);gap:var(--space-3)}.settings-row{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-direction:column}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-input,.settings-select{width:100%;min-height:42px}.settings-actions{margin-top:var(--space-2)}.settings-actions .btn,.settings-plan-actions,.settings-plan-actions .btn,.settings-danger-button{width:100%}.settings-plan-actions{flex-direction:column;align-items:stretch}.toggle{align-self:flex-start}.usage-bar-label{gap:var(--space-3)}}.modal-overlay{z-index:1000;animation:fadeIn var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:min(90vh,800px);box-shadow:var(--shadow-lg);animation:slideUp var(--transition-medium);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-base);font-weight:600}.modal-body{padding:var(--space-5);flex:1;min-height:0;overflow:hidden auto}.modal-form{gap:var(--space-4);flex-direction:column;display:flex}.modal-form .settings-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.modal-form .settings-input,.modal-form .settings-select{width:100%}.modal-row-stack{align-items:flex-start}.modal-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}[cmdk-dialog]{background:linear-gradient(180deg, #1d1d20fa, #111113fa), var(--surface-1);border:1px solid color-mix(in srgb, var(--border) 78%, white 8%);border-radius:var(--radius-xl);width:100%;max-width:min(560px,100vw - 32px);box-shadow:0 24px 80px #000000a6, 0 0 0 1px #ffffff09, var(--shadow-glow);z-index:1001;will-change:opacity, transform, filter;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}[cmdk-dialog][data-state=open]{animation:.18s cubic-bezier(.16,1,.3,1) cmdkDialogIn}[cmdk-dialog][data-state=closed]{animation:.12s ease-in cmdkDialogOut}[cmdk-overlay],.cmdk-dialog-overlay{-webkit-backdrop-filter:blur(12px)saturate(120%);z-index:1000;will-change:opacity, backdrop-filter;background:radial-gradient(circle at 50% 18%,#7552e029,#0000 34%),#020208b8;position:fixed;inset:0}[cmdk-overlay][data-state=open],.cmdk-dialog-overlay[data-state=open]{animation:.16s ease-out cmdkOverlayIn}[cmdk-overlay][data-state=closed],.cmdk-dialog-overlay[data-state=closed]{animation:.12s ease-in cmdkOverlayOut}@keyframes cmdkOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur()saturate()}to{opacity:1;-webkit-backdrop-filter:blur(12px)saturate(120%)}}@keyframes cmdkOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes cmdkDialogIn{0%{opacity:0;filter:blur(6px);transform:translate(-50%,calc(14px - 50%))scale(.97)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes cmdkDialogOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}}[cmdk-input]{font-family:var(--font-body);font-size:var(--text-base);border:none;border-bottom:1px solid var(--border-subtle);width:100%;padding:var(--space-4) var(--space-5);color:var(--text-primary);background:0 0;outline:none}[cmdk-input]::placeholder{color:var(--text-tertiary)}[cmdk-list]{max-height:400px;padding:var(--space-2);overflow:auto}[cmdk-empty]{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}[cmdk-group-heading]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2);font-weight:600}[cmdk-item]{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}[cmdk-item][data-selected=true]{background:var(--surface-hover);color:var(--text-primary)}[cmdk-item] svg{color:var(--text-tertiary)}[cmdk-item][data-selected=true] svg{color:var(--text-primary)}[cmdk-item] kbd{color:var(--text-tertiary);background:var(--surface-2);font-size:10px;font-family:var(--font-mono);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:2px 6px}@media (prefers-reduced-motion:reduce){[cmdk-dialog],[cmdk-dialog][data-state],[cmdk-overlay],[cmdk-overlay][data-state],.cmdk-dialog-overlay,.cmdk-dialog-overlay[data-state]{transition:none;animation:none}.auth-showcase,.auth-card-premium{animation:none}}.relational-link{color:var(--accent-secondary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;font-weight:600;display:inline-flex}.relational-link:hover,.relational-link:focus-visible{color:var(--accent-primary-hover);outline:none;text-decoration:underline}.analytics-loading-state,.analytics-error-wrap{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:420px;color:var(--text-secondary);flex-direction:column;display:flex}.analytics-loading-state h2{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-1)}.analytics-loading-state svg{color:var(--accent-primary)}.analytics-error-wrap{text-align:left;align-items:flex-start}.analytics-error-card{width:100%;color:var(--danger);gap:var(--space-1);border-color:#dd3c3c59;flex-direction:column;display:flex}.analytics-hero{gap:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 0%, #7552e038, transparent 34%), linear-gradient(135deg, var(--surface-1), var(--surface-2));padding:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) 340px;display:grid;position:relative;overflow:hidden}.analytics-hero-glow{filter:blur(28px);pointer-events:none;background:#308ce82e;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;right:-110px}.analytics-hero-main,.analytics-channel-card{z-index:1;position:relative}.analytics-back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.analytics-back-link:hover{color:var(--text-primary)}.analytics-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.analytics-eyebrow{margin-bottom:var(--space-2);color:var(--accent-secondary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.analytics-title-row h2{letter-spacing:-.05em;margin-bottom:var(--space-3);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.analytics-title-row p{max-width:650px;color:var(--text-secondary);font-size:var(--text-base)}.analytics-title-row p span{color:var(--text-primary);font-family:var(--font-mono)}.analytics-channel-card{min-height:190px;padding:var(--space-5);border-radius:var(--radius-lg);background:#1313159e;border:1px solid #7552e038;flex-direction:column;justify-content:space-between;align-self:stretch;display:flex;box-shadow:inset 0 1px #ffffff0a}.analytics-channel-avatar{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;width:52px;height:52px;font-size:var(--text-xl);place-items:center;font-weight:800;display:grid}.analytics-channel-meta{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:grid}.analytics-channel-meta div:first-child{align-items:center;gap:var(--space-1);color:var(--text-primary);font-family:var(--font-mono);display:flex}.analytics-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.analytics-kpi-card{min-height:154px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);transition:transform var(--transition-fast), border-color var(--transition-fast);position:relative;overflow:hidden}.analytics-kpi-card:hover{border-color:var(--surface-3);transform:translateY(-2px)}.analytics-kpi-card:after{content:"";opacity:.14;border-radius:50%;width:118px;height:118px;position:absolute;top:-34px;right:-28px}.analytics-kpi-card.purple:after{background:var(--accent-primary)}.analytics-kpi-card.blue:after{background:var(--accent-secondary)}.analytics-kpi-card.green:after{background:var(--success)}.analytics-kpi-card.amber:after{background:var(--warning)}.analytics-kpi-icon{border-radius:var(--radius-sm);width:34px;height:34px;margin-bottom:var(--space-4);background:var(--surface-2);color:var(--text-secondary);place-items:center;display:grid}.analytics-kpi-card.purple .analytics-kpi-icon{background:var(--accent-primary-muted);color:var(--accent-primary)}.analytics-kpi-card.blue .analytics-kpi-icon{background:var(--accent-secondary-muted);color:var(--accent-secondary)}.analytics-kpi-card.green .analytics-kpi-icon{background:var(--success-muted);color:var(--success)}.analytics-kpi-card.amber .analytics-kpi-icon{background:var(--warning-muted);color:var(--warning)}.analytics-kpi-card span,.analytics-kpi-card small{color:var(--text-secondary);font-size:var(--text-xs);display:block}.analytics-kpi-card strong{margin:var(--space-1) 0;color:var(--text-primary);font-size:var(--text-3xl);letter-spacing:-.04em;line-height:1;display:block}.analytics-insight-strip{gap:var(--space-1);padding:var(--space-2);margin-bottom:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.analytics-insight-strip>div{padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2)}.analytics-insight-strip span{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;display:block}.analytics-insight-strip strong{color:var(--text-primary);font-size:var(--text-sm)}.analytics-chart-grid{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analytics-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);padding:var(--space-5)}.analytics-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.analytics-panel-header h3{align-items:center;gap:var(--space-2);font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:650;display:flex}.analytics-panel-header h3 svg{color:var(--accent-primary)}.analytics-panel-header p{color:var(--text-secondary);font-size:var(--text-sm)}.analytics-panel-pill{border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;padding:3px 9px}.analytics-legend{justify-content:flex-end;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.analytics-legend span{align-items:center;gap:5px;display:inline-flex}.analytics-legend i{border-radius:50%;width:7px;height:7px}.analytics-legend .views{background:var(--accent-secondary)}.analytics-legend .replies{background:var(--accent-primary)}.analytics-legend .reactions{background:var(--success)}.analytics-bar-chart{height:260px;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);align-items:flex-end;gap:4px;display:flex}.analytics-bar-column{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.analytics-bar-column span{width:100%;color:var(--text-tertiary);text-align:center;text-overflow:clip;white-space:nowrap;font-size:9px;overflow:hidden}.analytics-bar,.analytics-stacked-bar{width:100%;max-width:18px;min-height:3px;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:4px 4px 2px 2px}.analytics-bar:hover,.analytics-stacked-bar:hover{opacity:.82;transform:translateY(-2px)}.analytics-bar.purple{background:linear-gradient(180deg, var(--accent-primary-hover), var(--accent-primary));box-shadow:0 0 18px #7552e01f}.analytics-stacked-bar{background:var(--surface-3);flex-direction:column;display:flex;overflow:hidden}.analytics-stacked-bar .views{background:var(--accent-secondary)}.analytics-stacked-bar .replies{background:var(--accent-primary)}.analytics-stacked-bar .reactions{background:var(--success)}.analytics-empty-state{justify-content:center;align-items:center;gap:var(--space-3);min-height:220px;padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);display:flex}.analytics-empty-state svg{color:var(--text-tertiary)}.analytics-empty-title{color:var(--text-primary);margin-bottom:2px;font-weight:600}.analytics-empty-state p{font-size:var(--text-sm)}.analytics-members-panel{margin-bottom:var(--space-6)}.analytics-members-list{gap:var(--space-2);display:grid}.analytics-member-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:44px 38px minmax(0,1fr) 24px;display:grid}.analytics-member-rank{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.analytics-member-avatar{border-radius:var(--radius-full);background:var(--accent-primary-muted);width:38px;height:38px;color:var(--accent-primary-hover);place-items:center;font-weight:700;display:grid}.analytics-member-name-row{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-primary);display:flex}.analytics-member-name-row span,.analytics-member-subline{color:var(--text-secondary);font-size:var(--text-xs)}.analytics-member-subline{margin-top:1px}.analytics-member-progress{height:4px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.analytics-member-progress>div{border-radius:inherit;background:var(--accent-gradient);height:100%}.analytics-member-icon{color:var(--text-tertiary)}@media (max-width:1200px){.analytics-hero,.analytics-chart-grid{grid-template-columns:1fr}.analytics-kpi-grid,.analytics-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.analytics-hero,.analytics-panel{padding:var(--space-4)}.analytics-title-row{flex-direction:column}.analytics-kpi-grid,.analytics-insight-strip{grid-template-columns:1fr}.analytics-panel-header,.analytics-member-name-row{flex-direction:column;align-items:flex-start}.analytics-bar-column span{display:none}.analytics-member-row{grid-template-columns:32px 36px minmax(0,1fr)}.analytics-member-icon{display:none}}.job-details-header{z-index:10;background:var(--surface-0);padding-top:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.job-details-header-actions{gap:var(--space-2);display:flex}.job-details-title{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.job-details-title-main{align-items:flex-start;gap:var(--space-4);flex:1;display:flex}.job-details-title h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.job-details-target{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-secondary);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.job-details-target:hover{color:var(--accent-primary);text-decoration:underline}.status-icon{flex-shrink:0;margin-top:4px}.status-icon.success{color:var(--success)}.status-icon.running{color:var(--accent-secondary)}.status-icon.queued{color:var(--warning)}.status-icon.failed{color:var(--danger)}.job-progress-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.job-progress-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.job-progress-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.job-progress-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.job-progress-bar{background:var(--surface-3);border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-2);overflow:hidden}.job-progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-medium);position:relative;overflow:hidden}.job-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.job-progress-details{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.job-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.job-stat-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.job-stat-card:hover{border-color:var(--surface-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.job-stat-value{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:700;line-height:1}.job-details-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.job-details-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.job-details-section h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:600}.job-details-rows{gap:var(--space-3);flex-direction:column;display:flex}.job-details-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.job-details-row-label{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;font-weight:500}.job-details-row-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;word-break:break-all}.job-error-section{background:var(--danger-muted);border:1px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-5)}.job-error-section h3{font-size:var(--text-base);color:var(--danger);margin-bottom:var(--space-4);font-weight:600}.job-error-message{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--danger);background:var(--surface-0);padding:var(--space-4);border-radius:var(--radius-md);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word}.view-empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.view-empty-state h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.view-empty-state p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.support-widget{right:var(--space-6);bottom:var(--space-6);z-index:50;align-items:flex-end;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.support-widget>*{pointer-events:auto}.support-launcher{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;width:56px;height:56px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);isolation:isolate;border:0;place-items:center;display:grid;position:relative;box-shadow:0 10px 30px #421fad73,0 4px 12px #0000004d,inset 0 1px #fff3}.support-launcher:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 14px 36px #421fad8c,0 6px 16px #00000059,inset 0 1px #ffffff40}.support-launcher:active{transform:translateY(0)scale(.98)}.support-launcher-pulse{border-radius:inherit;background:var(--accent-primary);opacity:.35;z-index:-1;animation:2.4s ease-out infinite support-pulse;position:absolute;inset:0}.support-launcher.has-unread .support-launcher-pulse{background:var(--danger);opacity:.5;animation-duration:1.6s}@keyframes support-pulse{0%{opacity:.35;transform:scale(1)}80%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.support-unread-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;text-align:center;border:2px solid var(--surface-0);min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000059}.support-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(400px,100vw - 32px);height:min(640px,100vh - 120px);box-shadow:0 24px 60px #0009, 0 0 0 1px var(--border-subtle);transform-origin:100% 100%;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) support-panel-in;display:flex;overflow:hidden}@keyframes support-panel-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.support-panel-head{padding:var(--space-4) var(--space-4);background:radial-gradient(120% 140% at 0% 0%, #7552e047 0%, transparent 55%), radial-gradient(120% 140% at 100% 0%, #308ce838 0%, transparent 55%), linear-gradient(180deg, var(--surface-2), var(--surface-1));border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex;position:relative}.support-panel-brand{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.support-agent-avatar{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 4px 12px #421fad66}.support-agent-status{background:var(--success);border:2px solid var(--surface-1);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.support-panel-title-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.support-panel-title-wrap h2{font-size:var(--text-base);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0;font-weight:600}.support-panel-title-wrap p{color:var(--text-secondary);font-size:var(--text-xs);align-items:center;gap:6px;margin:0;display:flex}.support-agent-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2eb86733}.support-back-btn{color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;align-self:flex-start;align-items:center;gap:2px;margin-bottom:2px;padding:0;display:inline-flex}.support-back-btn:hover{color:var(--text-primary)}.support-panel-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.support-icon-btn{width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;place-items:center;display:grid}.support-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.support-thread-meta{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-0);gap:var(--space-1);flex-direction:column;display:flex}.support-thread-meta-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.support-thread-meta-row strong{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.support-status-chip{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.support-status-chip .dot{border-radius:50%;width:6px;height:6px}.support-status-chip.open{background:var(--success-muted);color:var(--success)}.support-status-chip.open .dot{background:var(--success);animation:2s ease-in-out infinite pulse}.support-status-chip.closed{background:var(--surface-3);color:var(--text-secondary)}.support-status-chip.closed .dot{background:var(--text-tertiary)}.support-thread-category{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.support-messages{padding:var(--space-4) var(--space-4) var(--space-3);gap:var(--space-3);background:radial-gradient(800px 400px at 50% 0%, #7552e00a, transparent 60%), var(--surface-0);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.support-messages::-webkit-scrollbar{width:5px}.support-messages::-webkit-scrollbar-track{background:0 0}.support-messages::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.support-day-divider{margin:var(--space-2) 0 var(--space-1);justify-content:center;align-items:center;display:flex}.support-day-divider span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 10px;font-size:10px;font-weight:600}.support-bubble-row{align-items:flex-end;gap:var(--space-2);animation:.2s cubic-bezier(.16,1,.3,1) support-bubble-in;display:flex}.support-bubble-row.admin{justify-content:flex-start}.support-bubble-row.user{justify-content:flex-end}@keyframes support-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.support-bubble-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-bottom:18px;display:grid;box-shadow:0 2px 6px #421fad59}.support-bubble-group{flex-direction:column;gap:2px;min-width:0;max-width:78%;display:flex}.support-bubble-row.user .support-bubble-group{align-items:flex-end}.support-bubble-row.admin .support-bubble-group{align-items:flex-start}.support-bubble{font-size:var(--text-sm);word-break:break-word;border-radius:16px;padding:9px 12px;line-height:1.45;box-shadow:0 1px 2px #00000040}.support-bubble p{white-space:pre-wrap;margin:0}.support-bubble.user{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:6px}.support-bubble.admin{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:6px}.support-bubble-time{color:var(--text-tertiary);padding:0 4px;font-size:10px}.support-typing{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:16px 16px 16px 6px;align-items:center;gap:3px;margin-bottom:18px;padding:10px 14px;display:inline-flex}.support-typing span{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite support-typing-dot}.support-typing span:nth-child(2){animation-delay:.15s}.support-typing span:nth-child(3){animation-delay:.3s}@keyframes support-typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.support-error{color:var(--danger);font-size:var(--text-xs);margin:0 var(--space-4) var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-muted);border-radius:var(--radius-sm);border:1px solid #dd3c3c4d}.support-closed-banner{margin:0 var(--space-3) var(--space-3);padding:var(--space-3);align-items:center;gap:var(--space-3);background:var(--success-muted);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);border:1px solid #2eb8674d;display:flex}.support-closed-banner svg{color:var(--success);flex-shrink:0}.support-closed-banner strong{font-size:var(--text-sm);display:block}.support-closed-banner p{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.support-closed-banner .btn{flex-shrink:0;margin-left:auto}.support-composer{border-top:1px solid var(--border-subtle);background:var(--surface-1);padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.support-composer-input{resize:none;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:44px;max-height:140px;padding:10px 12px;line-height:1.5}.support-composer-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.support-composer-input::placeholder{color:var(--text-tertiary)}.support-composer-actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.support-link-btn{color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.support-link-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.support-link-btn:disabled{opacity:.5;cursor:not-allowed}.support-send-btn{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:0;place-items:center;display:grid;box-shadow:0 4px 10px #421fad59}.support-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #421fad73}.support-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.support-home{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.support-hero{padding:var(--space-3) var(--space-1) 0}.support-hero h3{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 4px;font-weight:700}.support-hero p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.support-start-form{gap:var(--space-4);flex-direction:column;display:flex}.support-field{gap:var(--space-2);flex-direction:column;display:flex}.support-field>label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.support-category-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.support-category-chip{text-align:left;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-0);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.support-category-chip strong{font-size:var(--text-sm);font-weight:600}.support-category-chip span{font-size:var(--text-xs);color:var(--text-tertiary)}.support-category-chip:hover{border-color:var(--text-tertiary);background:var(--surface-2)}.support-category-chip.active{border-color:var(--accent-primary);background:var(--accent-primary-muted);box-shadow:0 0 0 3px #7552e026}.support-category-chip.active span{color:var(--text-secondary)}.support-input{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 12px}.support-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.support-input::placeholder{color:var(--text-tertiary)}.support-input-textarea{resize:vertical;min-height:110px;line-height:1.5}.support-field-footer{color:var(--text-tertiary);justify-content:flex-end;font-size:11px;display:flex}.support-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;width:100%;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:0;padding:11px 16px;font-weight:600;display:inline-flex;box-shadow:0 6px 14px #421fad59}.support-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #421fad73}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.support-privacy{text-align:center;color:var(--text-tertiary);margin:0;font-size:11px}@media (max-width:480px){.support-widget{bottom:12px;right:12px}.support-panel{width:calc(100vw - 24px);height:calc(100vh - 96px);max-height:calc(100vh - 96px)}.support-category-grid{grid-template-columns:1fr}}@media (max-width:1200px){.job-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.job-details-header{flex-direction:column;align-items:stretch}.job-details-header-actions{flex-wrap:wrap}.job-details-title{flex-direction:column}.job-stats-grid,.job-details-grid{grid-template-columns:1fr}.job-details-row{flex-direction:column;align-items:flex-start}.job-details-row-value{text-align:left}}