:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--surface-soft:#f8fafc;--surface-hover:#f1f5f9;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#0f172a;--text-soft:#334155;--muted:#64748b;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--accent-border:#bfdbfe;--success:#16a34a;--success-strong:#15803d;--success-soft:#f0fdf4;--success-border:#bbf7d0;--amber:#d97706;--amber-strong:#b45309;--amber-soft:#fffbeb;--amber-border:#fde68a;--danger:#dc2626;--danger-strong:#b91c1c;--danger-soft:#fef2f2;--danger-border:#fecaca;--info:#2563eb;--info-strong:#1d4ed8;--info-soft:#eff6ff;--info-border:#bfdbfe;--violet:#7c3aed;--violet-strong:#6d28d9;--violet-soft:#f5f3ff;--violet-border:#ddd6fe;--blue:#2563eb;--blue-soft:#eff6ff;--rose:#e11d48;--rose-soft:#fff1f2;--sidebar-width:220px;--sidebar:#0f172a;--sidebar-surface:#1e293b;--sidebar-border:#1e293b;--sidebar-text:#f8fafc;--sidebar-muted:#94a3b8;--sidebar-hover:#ffffff0f;--sidebar-active-bg:#2563eb29;--sidebar-active-text:#60a5fa;--topbar-height:56px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-float:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:13px;line-height:1.5;overflow-x:hidden}table,.attempt-count,.countdown-badge,.metric-value-row strong,.context-strip strong,.pagination,.shop-code,.rate-ring strong,.status-badge,code,pre,input[type=number],input[type=time],input[type=date]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit;-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);outline:none;transition:border-color .14s,box-shadow .14s}input,select{height:38px;padding:0 11px}textarea{resize:vertical;min-height:84px;padding:9px 11px}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}h1,h2,h3,p{margin:0}.app-shell{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.sidebar{z-index:40;width:var(--sidebar-width);border-right:1px solid var(--sidebar-border);background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:0 16px;display:flex}.brand-mark{border-radius:var(--radius-md);color:#60a5fa;background:#1e293b;border:1px solid #ffffff2e;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:grid}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:.04em;color:#fff;font-size:15px;font-weight:700;line-height:1.1}.brand-copy span{color:var(--sidebar-muted);letter-spacing:.06em;margin-top:2px;font-size:9px;font-weight:600}.sidebar-close{margin-left:auto;color:#fff!important;background:0 0!important;border-color:#fff3!important;display:none!important}.shop-context{border:1px solid var(--sidebar-border);border-radius:var(--radius-md);background:var(--sidebar-surface);flex-direction:column;margin:12px 10px 6px;padding:10px 12px;display:flex}.eyebrow{color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.shop-context strong{color:#f8fafc;margin-top:4px;font-size:13px;font-weight:600}.shop-context>span:not(.eyebrow){color:var(--sidebar-muted);margin-top:1px;font-size:11px}.shop-status{color:#94a3b8;border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:10px;padding-top:9px;font-size:11px;display:flex}.live-dot{background:#22c55e;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e33}.primary-nav{flex-direction:column;gap:2px;padding:12px 10px;display:flex}.nav-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--sidebar-muted);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;transition:all .13s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.nav-item.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.nav-icon{border-radius:var(--radius-sm);background:0 0;border:1px solid #ffffff14;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.nav-item.is-active .nav-icon{color:#60a5fa;background:#2563eb40;border-color:#60a5fa66}.nav-copy{flex-direction:column;min-width:0;display:flex}.nav-copy strong{font-size:13px;font-weight:500}.nav-copy small{color:#64748b;margin-top:1px;font-size:9px}.sidebar-footer{border-top:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 14px;display:flex}.operator{align-items:center;gap:8px;min-width:0;display:flex}.operator>div{flex-direction:column;min-width:0;display:flex}.operator strong{color:#f8fafc;font-size:12px}.operator span:not(.avatar){color:var(--sidebar-muted);font-size:10px}.version{color:#64748b;font-size:10px}.main-column{min-width:0;height:100dvh;margin-left:var(--sidebar-width);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.topbar{z-index:30;height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;display:flex}.topbar-actions{gap:8px}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs strong{color:var(--text);font-size:13px;font-weight:600}.breadcrumb-divider{color:var(--line-strong)}.mobile-menu-button{margin-right:8px;display:none!important}.service-state{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:32px;color:var(--muted);align-items:center;gap:6px;padding:0 9px;font-size:11px;display:flex}.key-button{flex-basis:32px;width:32px;height:32px}.key-button.is-configured{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.service-state.state-online{border-color:var(--success-border);background:var(--success-soft);color:var(--success-strong)}.service-state.state-offline{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-strong)}.state-checking svg{animation:1.4s ease-in-out infinite pulse}.topbar-separator{background:var(--line);width:1px;height:20px;margin:0 4px}.quick-date{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.page-content{flex:1 1 0;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:20px 28px}.page-content-overview{display:block;overflow-y:auto}.page-content-list{flex-direction:column;display:flex;overflow:hidden}.page-stack{flex-direction:column;gap:16px;animation:.18s both page-in;display:flex}.page-content-list .page-stack{flex:1 1 0;height:100%;min-height:0}.page-content-list .page-heading,.page-content-list .context-strip{flex-shrink:0}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h1{color:var(--text);font-size:20px;font-weight:700;line-height:1.25}.page-heading p{max-width:680px;color:var(--muted);margin-top:4px;font-size:12px}.page-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.button{border-radius:var(--radius-md);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:34px;min-height:34px;padding:0 13px;font-size:12px;font-weight:500;transition:all .13s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text-soft)}.button-secondary:hover:not(:disabled){background:var(--surface-muted);color:var(--text);border-color:#94a3b8}.button-danger{border-color:var(--danger);background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){border-color:var(--danger-strong);background:var(--danger-strong)}.button-warning{border-color:var(--amber-border);background:var(--amber-soft);color:var(--amber-strong)}.button-warning:hover:not(:disabled){background:#fef3c7;border-color:#d97706}.button-ghost{color:var(--accent);border-color:#0000}.button-ghost:hover:not(:disabled){background:var(--accent-soft)}.button-small{height:28px;min-height:28px;padding:0 9px;font-size:11px}.icon-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:32px;height:32px;color:var(--text-soft);flex:0 0 32px;place-items:center;padding:0;transition:all .13s;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-muted);color:var(--text)}.icon-button-small{border-radius:var(--radius-sm);flex-basis:26px;width:26px;height:26px}.danger-icon:hover:not(:disabled){border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.text-action{color:var(--accent);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.text-action:hover{color:var(--accent-strong)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:14px 16px}.metric-top{align-items:center;gap:8px;display:flex}.metric-icon{border-radius:var(--radius-md);place-items:center;width:28px;height:28px;display:grid}.metric-icon-green{background:var(--accent-soft);color:var(--accent)}.metric-icon-amber{background:var(--amber-soft);color:var(--amber-strong)}.metric-icon-blue{background:var(--accent-soft);color:var(--accent)}.metric-icon-rose{color:#db2777;background:#fdf2f8}.metric-kicker{color:var(--muted);font-size:11px;font-weight:500}.metric-value-row{align-items:baseline;gap:6px;margin-top:12px;display:flex}.metric-value-row strong{color:var(--text);font-size:26px;font-weight:700;line-height:1}.metric-unit{color:var(--muted);font-size:11px}.metric-foot{border-top:1px solid var(--line);min-height:18px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:11px;display:flex}.overview-columns{grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);align-items:stretch;gap:14px;display:grid}.overview-side{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm)}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:10px 16px;display:flex}.panel-header h2{color:var(--text);font-size:13px;font-weight:600}.panel-header p{color:var(--muted);margin-top:2px;font-size:11px}.queue-list{flex-direction:column;display:flex}.queue-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 16px;transition:background .12s;display:grid}.queue-row:last-child{border-bottom:0}.queue-row:hover{background:var(--surface-soft)}.task-type-icon{border-radius:var(--radius-md);place-items:center;width:28px;height:28px;display:grid}.type-snipe{background:var(--accent-soft);color:var(--accent)}.type-monitor{background:var(--violet-soft);color:var(--violet)}.queue-main{flex-direction:column;min-width:0;display:flex}.queue-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.queue-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.queue-time{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.performance-content{align-items:center;gap:20px;padding:18px 16px;display:flex}.rate-ring{border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;display:grid}.rate-ring>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:inset 0 1px 2px #0000000a}.rate-ring strong{color:var(--text);font-size:21px;font-weight:700}.rate-ring span{color:var(--muted);margin-top:1px;font-size:9px}.performance-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.performance-legend>div{color:var(--text-soft);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:11px;display:grid}.performance-legend strong{color:var(--text);font-size:12px}.legend-dot{border-radius:50%;width:6px;height:6px}.dot-green{background:var(--success)}.dot-red{background:var(--danger)}.dot-gray{background:#94a3b8}.operational-note{background:#f8fafc;gap:10px;padding:13px 15px;display:flex}.operational-note-icon{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex:0 0 28px;place-items:center;display:grid}.operational-note h2{color:var(--text);font-size:12px;font-weight:600}.operational-note p{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.5}.table-panel{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-box{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-width:240px;max-width:320px;height:34px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.search-box input{background:0 0;border:0;min-width:0;height:100%;padding:0;font-size:12px;box-shadow:none!important;outline:none!important}.search-box input:focus,.search-box input:focus-visible{box-shadow:none!important;outline:none!important}.search-clear{border-radius:var(--radius-xs);background:var(--surface-muted);width:20px;height:20px;color:var(--muted);border:0;flex:0 0 20px;padding:0;font-size:14px;line-height:1}.segmented-control{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented-control button{border-radius:var(--radius-sm);min-height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0 9px;font-size:11px;font-weight:500;transition:all .12s}.segmented-control button:hover{color:var(--text)}.segmented-control button.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000d}.table-scroll{-webkit-overflow-scrolling:touch;flex:1 1 0;width:100%;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle}th{z-index:10;border-bottom:1px solid var(--line);background:var(--surface-soft);height:36px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-shadow:0 1px 0 var(--line);padding:0 10px;font-size:10px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--line);height:54px;color:var(--text-soft);padding:6px 10px;font-size:12px}tbody tr{transition:background .12s}tbody tr:hover{background:#f8fafc}tbody tr:last-child td{border-bottom:0}.data-table{min-width:980px}.align-right{text-align:right}.primary-cell,.user-cell,.user-inline,.toggle-cell{align-items:center;gap:8px;display:flex}.primary-cell>div,.user-cell>div,.user-inline>div{flex-direction:column;min-width:0;display:flex}.primary-cell strong,.user-cell strong,.user-inline strong,.stacked-cell strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:600}.primary-cell span:not(.record-mark),.user-cell span:not(.avatar),.user-inline span:not(.mini-avatar),.stacked-cell span{color:var(--muted);white-space:nowrap;margin-top:1px;font-size:11px}.record-mark{border-radius:var(--radius-md);background:var(--surface-muted);width:28px;height:28px;color:var(--text-soft);flex:0 0 28px;place-items:center;display:grid}.mark-green{background:var(--accent-soft)!important;color:var(--accent)!important}.mark-violet{background:var(--violet-soft)!important;color:var(--violet)!important}.mark-amber{background:var(--amber-soft)!important;color:var(--amber-strong)!important}.stacked-cell{flex-direction:column;display:flex}.mini-avatar{width:24px;height:24px;color:var(--text-soft);background:#e2e8f0;border-radius:50%;flex:0 0 24px;place-items:center;font-size:10px;font-weight:600;display:grid}.shop-code{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-soft);max-width:180px;color:var(--text-soft);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;padding:2px 5px;font-size:11px;display:inline-block;overflow:hidden}.attempt-count{color:var(--text);font-size:13px;font-weight:600}.attempt-count span{color:var(--muted);font-size:10px;font-weight:400}.muted-cell{white-space:nowrap;color:var(--muted)!important}.row-actions{justify-content:flex-end;gap:4px;display:flex}.table-footer{border-top:1px solid var(--line);background:var(--surface-soft);min-height:48px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:8px 16px;font-size:12px;display:flex}.pagination{align-items:center;gap:6px;display:flex}.pagination>span{text-align:center;min-width:44px;color:var(--text-soft);font-size:12px}.status-badge{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;min-height:22px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.tone-neutral{border-color:var(--line);background:var(--surface-muted);color:#475569}.tone-success{border-color:var(--success-border);background:var(--success-soft);color:var(--success-strong)}.tone-warning{border-color:var(--amber-border);background:var(--amber-soft);color:var(--amber-strong)}.tone-danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-strong)}.tone-info{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.tone-violet{border-color:var(--violet-border);background:var(--violet-soft);color:var(--violet)}.avatar{border:1px solid var(--line);color:#1e293b;background:#e2e8f0;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:32px;height:32px}.avatar-lg{width:42px;height:42px;font-size:14px}.avatar-muted{background:var(--surface-muted);color:var(--muted)}.context-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:50px;box-shadow:var(--shadow-sm);align-items:center;overflow:hidden;display:flex!important}.context-strip>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-width:110px;height:50px;padding:0 16px;display:flex}.context-label{color:var(--muted);font-size:10px;font-weight:500}.context-strip strong{color:var(--text);margin-top:1px;font-size:16px;font-weight:700}.context-strip .accent-number{color:var(--accent)}.context-strip .danger-number{color:var(--danger)}.context-note{min-width:0;color:var(--muted);align-items:center;gap:6px;margin-left:auto;padding:0 16px;font-size:11px;display:flex}.countdown-badge{border-radius:var(--radius-sm);color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.countdown-badge.is-expired{color:#991b1b;background:#fee2e2;border-color:#fecaca}.shop-picker{flex-direction:column;gap:6px;display:flex;position:relative}.shop-picker-input-wrap{align-items:center;display:flex;position:relative}.shop-picker-input-wrap svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.shop-picker-input{width:100%;padding-left:32px!important}.shop-picker-dropdown{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);max-height:240px;box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.shop-picker-dropdown.is-portal{z-index:1100;box-shadow:var(--shadow-float);border:1px solid var(--line-strong);position:fixed}.shop-picker-dropdown.pop-up{top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 24px -4px #0f172a26,0 -2px 6px -1px #0f172a14}.shop-picker-item{cursor:pointer;border-bottom:1px solid var(--line-soft);text-align:left;width:100%;font:inherit;background:0 0;border-top:0;border-left:0;border-right:0;flex-direction:column;padding:8px 12px;transition:background .15s;display:flex}.shop-picker-item:hover,.shop-picker-item.is-active{background:var(--surface-muted)}.shop-picker-item:last-child{border-bottom:0}.shop-picker-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-picker-item-name{color:var(--text);font-size:13px;font-weight:600}.shop-picker-item-meta{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.shop-picker-create-box{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.shop-selected-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#f1f5f9;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pax-segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pax-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pax-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pax-button.is-active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.pax-button:disabled{opacity:.45;cursor:not-allowed;background:var(--surface-muted);text-decoration:line-through}.readonly-box{background:var(--surface-muted);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--text-soft);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.advanced-toggle{color:var(--text-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:500;display:flex}.advanced-toggle:hover{color:var(--accent)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:28px 16px;display:flex}.empty-icon{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);width:42px;height:42px;color:var(--muted);place-items:center;display:grid}.empty-state h3{color:var(--text);margin-top:12px;font-size:13px;font-weight:600}.empty-state p{max-width:360px;color:var(--muted);margin-top:4px;font-size:12px}.empty-state .button{margin-top:14px}.loading-state{min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.error-state{border:1px solid var(--danger-border);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger-strong);align-items:center;gap:10px;padding:10px 14px;display:flex}.error-state>div{flex:1;min-width:0}.error-state strong{font-size:12px;font-weight:600}.error-state p{color:#991b1b;margin-top:1px;font-size:11px}.inline-warning{color:var(--danger-strong);align-items:center;gap:6px;font-size:11px;display:flex}.overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:flex-end;animation:.16s both overlay-in;display:flex;position:fixed;inset:0}.drawer{z-index:1001;background:var(--surface);width:560px;max-width:100vw;height:100dvh;box-shadow:var(--shadow-float);flex-direction:column;animation:.19s cubic-bezier(.16,1,.3,1) both drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.drawer-header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 20px;display:flex}.drawer-header h2{color:var(--text);font-size:16px;font-weight:600}.drawer-header p{color:var(--muted);margin-top:2px;font-size:11px}.drawer-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:20px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--line);background:var(--surface-soft);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding:10px 20px;display:flex}.confirm-overlay{z-index:1050;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.confirm-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-float);padding:22px;animation:.17s cubic-bezier(.16,1,.3,1) both confirm-in}.auth-overlay{z-index:1060}.auth-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-float);padding:22px;animation:.17s cubic-bezier(.16,1,.3,1) both confirm-in}.auth-icon{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);place-items:center;display:grid}.auth-dialog h2{color:var(--text);margin-top:12px;font-size:16px;font-weight:600}.auth-dialog>p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6}.auth-dialog>p code{color:var(--text-soft);font-size:11px}.auth-dialog form{flex-direction:column;gap:8px;margin-top:16px;display:flex}.auth-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.confirm-icon{border-radius:var(--radius-md);background:var(--danger-soft);width:36px;height:36px;color:var(--danger);place-items:center;display:grid}.confirm-dialog h2{color:var(--text);margin-top:12px;font-size:16px;font-weight:600}.confirm-dialog p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-stack{flex-direction:column;gap:18px;display:flex}.form-stack.compact-form{margin-bottom:18px}.form-section{border:0;min-width:0;margin:0;padding:0}.form-section legend{width:100%;color:var(--text);margin-bottom:9px;padding:0;font-size:12px;font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.timezone-callout{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);align-items:flex-start;gap:8px;margin-bottom:11px;padding:9px 11px;display:flex}.timezone-callout svg{flex:none;margin-top:1px}.timezone-callout strong{font-size:11px;display:block}.timezone-callout p{color:var(--muted);margin-top:2px;font-size:10px}.callout{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.callout svg{flex:none;margin-top:2px}.callout strong{font-weight:600;display:block}.callout p{color:var(--text-soft);margin:2px 0 0;font-size:11px}.callout-warning{border-color:var(--amber-border);background:var(--amber-soft);color:var(--amber-strong)}.callout-warning p{color:#78350f}.detail-banner{border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.detail-banner svg{flex:none;margin-top:2px}.detail-banner strong{margin-bottom:2px;font-weight:600;display:block}.detail-banner p{margin:0;font-size:11px}.detail-banner-warning{border:1px solid var(--amber-border);background:var(--amber-soft);color:var(--amber-strong)}.detail-banner-warning p{color:#78350f}.detail-banner-violet{border:1px solid var(--violet-border);background:var(--violet-soft);color:var(--violet)}.detail-banner-violet p{color:#5b21b6}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--text-soft);font-size:11px;font-weight:600}.field-help{color:var(--muted);font-size:10px;line-height:1.5}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:32px}.input-with-suffix span{color:var(--muted);font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-wrap{position:relative}.select-wrap svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.select-wrap select{padding-left:32px}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-option{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;align-items:flex-start;gap:9px;min-width:0;padding:10px 12px;transition:all .13s;display:flex}.mode-option:hover{border-color:#94a3b8}.mode-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.mode-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mode-icon{border-radius:var(--radius-sm);background:var(--surface-muted);width:28px;height:28px;color:var(--text-soft);flex:0 0 28px;place-items:center;display:grid}.mode-option.is-selected .mode-icon{color:var(--accent);background:#2563eb26}.mode-option>span:last-child{flex-direction:column;min-width:0;display:flex}.mode-option strong{color:var(--text);font-size:12px}.mode-option small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.4}.form-callout{border:1px solid var(--amber-border);border-radius:var(--radius-md);background:var(--amber-soft);color:var(--amber-strong);gap:9px;padding:11px 13px;display:flex}.form-callout>div{flex:1}.form-callout strong{font-size:12px;font-weight:600}.form-callout p{color:#78350f;margin-top:2px;font-size:11px}.form-callout .text-action{color:var(--amber-strong);margin-top:6px}.form-error{border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-strong);align-items:flex-start;gap:8px;padding:9px 11px;font-size:11px;line-height:1.5;display:flex}.form-error svg{flex:none;margin-top:1px}.toggle{background:#cbd5e1;border:0;border-radius:10px;flex:0 0 34px;width:34px;height:19px;padding:0;transition:background .14s;position:relative}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.toggle.is-on{background:var(--accent)}.toggle.is-on span{transform:translate(15px)}.toggle-cell{gap:6px}.toggle-cell>span{min-width:34px;color:var(--text-soft);font-size:11px}.toggle-field{border:1px solid var(--line-strong);border-radius:var(--radius-md);align-items:center;gap:8px;min-height:38px;padding:0 11px;display:flex}.toggle-field span{color:var(--text-soft);font-size:11px}.detail-hero{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.detail-icon{border-radius:var(--radius-lg);background:var(--surface-muted);flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.detail-hero>div{flex:1;min-width:0}.detail-hero h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.detail-hero p{color:var(--muted);margin-top:2px;font-size:11px}.detail-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0;display:grid}.detail-list>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:10px 12px}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{overflow-wrap:anywhere;color:var(--text);margin:3px 0 0;font-size:12px}.detail-list code{font-size:11px}.error-detail{border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-soft);margin-top:14px;padding:11px 13px}.progress-detail{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);margin-top:14px;padding:11px 13px}.progress-detail>div{color:var(--text-color);align-items:center;gap:6px;display:flex}.progress-detail strong{font-size:11px}.error-detail>div{color:var(--danger-strong);align-items:center;gap:6px;display:flex}.error-detail strong{font-size:11px}.error-detail pre,.raw-details pre{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;background:#fff;margin:8px 0 0;padding:9px;font-size:11px;line-height:1.5;overflow-x:auto}.detail-note{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--muted);gap:8px;margin-top:14px;padding:10px 12px;display:flex}.detail-note strong{color:var(--text);font-size:11px}.detail-note p{margin-top:2px;font-size:11px}.raw-details{border:1px solid var(--line);border-radius:var(--radius-md);margin-top:14px}.raw-details summary{color:var(--text-soft);cursor:pointer;padding:9px 12px;font-size:11px;font-weight:600}.raw-details pre{border:0;border-top:1px solid var(--line);background:var(--surface-soft);border-radius:0;margin:0}.contact-cell{flex-direction:column;gap:3px;display:flex}.contact-cell span{color:var(--text-soft);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.contact-cell svg{color:var(--muted)}.collapsible-field{border:1px solid var(--line);border-radius:var(--radius-md)}.collapsible-trigger{width:100%;min-height:38px;color:var(--text-soft);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.collapsible-trigger>span{align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.collapsible-trigger svg{transition:transform .14s}.collapsible-trigger .rotate-90{transform:rotate(90deg)}.profile-field{border-top:1px solid var(--line);padding:0 11px 11px}.profile-field>span{padding-top:10px}.profile-field textarea{font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5}.success-note{color:var(--success-strong);align-items:center;gap:6px;font-size:11px;display:flex}.toast{z-index:120;border-radius:var(--radius-md);min-height:38px;box-shadow:var(--shadow-lg);color:#fff;background:#0f172a;border:1px solid #1e293b;align-items:center;gap:8px;padding:8px 14px;font-size:12px;animation:.17s cubic-bezier(.16,1,.3,1) both toast-in;display:flex;position:fixed;top:20px;bottom:auto;right:24px}.toast-mark{background:#4ade80;border-radius:50%;width:6px;height:6px}.toast-error .toast-mark{background:#f87171}.toast-info .toast-mark{background:#60a5fa}.spin{animation:.8s linear infinite spin}.sidebar-scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(24px)}to{transform:translate(0)}}@keyframes confirm-in{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.handoff-dialog{flex-direction:column;width:100%;max-width:600px;max-height:calc(100dvh - 40px);display:flex;overflow:hidden}.handoff-overlay{overflow:hidden!important}.handoff-dialog-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.handoff-step-box{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:8px;padding:10px 12px}.handoff-step-title{color:var(--text);align-items:center;gap:8px;margin-bottom:5px;font-size:12px;font-weight:600;display:flex}.handoff-code-block{color:#e2e8f0;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;background:#0f172a;margin:6px 0;padding:9px 11px;font-family:monospace;font-size:11px;overflow-x:auto}@media (width<=1240px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr)}.table-toolbar{flex-wrap:wrap}.search-box{flex:260px;max-width:none}.segmented-control{order:3;width:100%;overflow-x:auto}.segmented-control button{flex:1}.context-note{display:none}}@media (width<=1080px){.overview-columns{grid-template-columns:1fr}.overview-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.performance-content{justify-content:center}}@media (width<=900px){.sidebar{width:240px;transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-float);transform:translate(0)}.sidebar-close{display:inline-grid!important}.sidebar-scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;border:0;display:block;position:fixed;inset:0}.main-column{margin-left:0}.mobile-menu-button{display:inline-grid!important}.topbar{padding:0 16px}.page-content{padding:20px 16px 36px}}@media (width<=720px){.overview-side{grid-template-columns:1fr}.quick-date,.topbar-separator,.refresh-button span{display:none}.refresh-button{width:32px;min-height:32px;padding:0}.context-strip{-webkit-overflow-scrolling:touch;width:100%;display:flex;overflow-x:auto}.context-strip.metrics-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;display:grid!important}.context-strip.metrics-grid .context-note{display:none!important}.context-strip>div{border-right:1px solid var(--line);text-align:center;border-bottom:0;flex:1 1 0;min-width:0;height:48px;padding:0 4px}.context-strip>div:last-child{border-right:0}.table-toolbar{grid-template-columns:minmax(0,1fr) 32px;padding:10px;display:grid}.search-box{grid-area:1/1;width:100%;min-width:0}.table-toolbar>.icon-button{grid-area:1/2}.segmented-control{grid-area:2/1/auto/-1}.detail-list{grid-template-columns:1fr}}@media (width<=580px){.page-content{padding:14px 12px 32px}.page-stack{gap:14px}.page-heading{flex-direction:column;align-items:stretch;gap:12px}.page-heading h1{font-size:19px}.page-heading-actions .button{width:100%}.metrics-grid{grid-template-columns:1fr;gap:8px}.metric-card{padding:12px 14px}.metric-value-row{margin-top:8px}.queue-row{grid-template-columns:28px minmax(0,1fr) auto;padding:9px 11px}.queue-time{display:none}.performance-content{align-items:flex-start;gap:14px;padding:14px}.rate-ring{flex-basis:88px;width:88px;height:88px}.rate-ring>div{width:66px;height:66px}.rate-ring strong{font-size:18px}.topbar{padding:0 12px}.service-state{justify-content:center;width:32px;padding:0}.service-state span,.breadcrumbs>span:first-child,.breadcrumb-divider{display:none}.table-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:9px 12px}.pagination{justify-content:space-between;width:100%}.drawer{border-radius:0;width:100vw!important;max-width:100vw!important;height:100dvh!important;inset:0!important}.drawer-header{min-height:50px;padding:10px 14px}.drawer-header h2{font-size:16px}.drawer-body{padding:14px}.drawer-footer{min-height:52px;padding:10px 14px}.drawer-footer .button{flex:1}.form-grid,.mode-selector{grid-template-columns:1fr}.detail-hero{flex-wrap:wrap;align-items:flex-start}.detail-hero>.status-badge{margin-left:52px}.confirm-dialog,.auth-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 16px}.auth-actions .button,.confirm-actions .button{flex:1}.context-strip>div{height:46px}.context-strip>div:last-of-type{border-right:0}.toast{inset:12px 12px auto}}@media (width<=480px){.handoff-dialog{max-height:calc(100dvh - 24px)}.confirm-overlay{padding:12px}.handoff-step-box{margin-top:8px;padding:9px 11px}.handoff-code-block{padding:7px 9px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}