.app-root{min-height:100vh}.net-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(90deg,#f87171,#ef4444);color:#fff;font-size:12.5px;font-weight:500;text-align:center;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #ef44444d}.nb-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:nb-blink 1s infinite}@keyframes nb-blink{0%,to{opacity:1}50%{opacity:.4}}.fatal-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--spo-bg-page, #f8fafc)}.fatal-card{max-width:480px;width:100%;background:#fff;border-radius:14px;border:1px solid rgba(239,68,68,.2);padding:36px 32px;text-align:center;box-shadow:0 12px 40px -8px #ef444426}.fatal-icon{font-size:40px;color:#ef4444;margin-bottom:14px}.fatal-card h2{font-size:18px;font-weight:700;margin:0 0 8px;color:#1f2937}.fatal-card p{font-size:13px;color:#6b7280;line-height:1.6;margin:0 0 24px;word-break:break-word}.fatal-actions{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.fatal-btn{padding:8px 18px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;color:#4b5563}.fatal-btn.primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.fatal-btn:hover{filter:brightness(1.05)}.fatal-trace{margin-top:16px;text-align:left;font-size:11px}.fatal-trace summary{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none}.fatal-trace pre{margin-top:8px;padding:10px;background:#f9fafb;border-radius:6px;max-height:200px;overflow:auto;font-family:ui-monospace,monospace;font-size:10.5px;color:#374151;white-space:pre-wrap;word-break:break-all}.fade-route-enter-active,.fade-route-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-route-enter-from,.fade-route-leave-to{opacity:0;transform:translateY(4px)}.logo-mark[data-v-814518de]{flex-shrink:0;display:block}.login-page[data-v-64ad85f0]{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(115deg,#1636c8,#1f5ee8,#2ea9ff)}.bg-grid[data-v-64ad85f0]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.35}.login-wrap[data-v-64ad85f0]{position:relative;z-index:1;min-height:100vh;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:80px;padding:40px 24px}.brand-side[data-v-64ad85f0]{color:#fff}.brand-logo[data-v-64ad85f0]{margin-bottom:22px;filter:drop-shadow(0 12px 30px rgba(34,211,238,.45))}.brand-sub[data-v-64ad85f0]{font-size:12px;letter-spacing:3px;opacity:.75;margin-bottom:14px}.brand-side h1[data-v-64ad85f0]{font-size:44px;font-weight:800;margin-bottom:14px;line-height:1.25}.brand-desc[data-v-64ad85f0]{opacity:.85;font-size:15px}.login-card[data-v-64ad85f0]{background:#fff;border-radius:16px;padding:30px 26px;box-shadow:0 16px 40px #0b2d9247}.login-card h2[data-v-64ad85f0]{text-align:center;font-size:28px;margin-bottom:22px;color:#1f3664;letter-spacing:6px}.login-btn[data-v-64ad85f0]{width:100%;margin-top:4px;border:none;background:linear-gradient(90deg,#2d6ff0,#3db8f7);color:#fff;font-weight:700;letter-spacing:8px}@media (max-width: 920px){.login-wrap[data-v-64ad85f0]{grid-template-columns:1fr;gap:20px;justify-items:center}.brand-side[data-v-64ad85f0]{text-align:center}.brand-side h1[data-v-64ad85f0]{font-size:30px}.login-card[data-v-64ad85f0]{width:min(100%,420px)}}.notif-center[data-v-83b96efb]{position:fixed;top:14px;right:24px;z-index:2200;width:340px;max-width:calc(100vw - 24px);font-size:13px}.notif-toggle[data-v-83b96efb]{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 6px 4px 12px;box-shadow:0 4px 14px #0f1e3c14;-webkit-user-select:none;user-select:none}.notif-toggle-main[data-v-83b96efb]{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;padding:2px 0;transition:opacity .15s}.notif-toggle-main[data-v-83b96efb]:hover{opacity:.85}.notif-bell[data-v-83b96efb]{color:#2d6ff0;font-size:16px}.notif-title[data-v-83b96efb]{color:#1e293b;font-weight:600;flex:1}.notif-badge[data-v-83b96efb]{background:#cbd5e1;color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.notif-badge.done[data-v-83b96efb]{background:#94a3b8}.notif-badge.pulsing[data-v-83b96efb]{background:#2d6ff0;animation:pulse-83b96efb 1.4s ease-in-out infinite}.notif-caret[data-v-83b96efb]{transition:transform .2s;color:#94a3b8}.notif-caret.rotated[data-v-83b96efb]{transform:rotate(180deg)}.notif-shut[data-v-83b96efb]{color:#cbd5e1;font-size:14px;cursor:pointer;transition:color .15s,background .15s;padding:4px;border-radius:999px;flex-shrink:0}.notif-shut[data-v-83b96efb]:hover{color:#ef4444;background:#fef2f2}.notif-panel[data-v-83b96efb]{margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 36px #0f1e3c24;overflow:hidden}.notif-panel-head[data-v-83b96efb]{padding:10px 14px;font-size:12px;color:#475569;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.notif-empty[data-v-83b96efb]{padding:24px 12px;text-align:center;color:#94a3b8;font-size:12px}.notif-list[data-v-83b96efb]{max-height:60vh;overflow:auto}.notif-item[data-v-83b96efb]{padding:12px 14px;border-bottom:1px solid #f1f5f9}.notif-item[data-v-83b96efb]:last-child{border-bottom:none}.notif-row[data-v-83b96efb]{display:flex;align-items:flex-start;gap:8px}.notif-ico[data-v-83b96efb]{font-size:18px;flex-shrink:0;margin-top:2px}.status-pending .notif-ico[data-v-83b96efb]{color:#2d6ff0}.status-ok .notif-ico[data-v-83b96efb]{color:#10b981}.status-warn .notif-ico[data-v-83b96efb]{color:#f59e0b}.status-error .notif-ico[data-v-83b96efb]{color:#ef4444}.notif-text[data-v-83b96efb]{flex:1;min-width:0}.notif-name[data-v-83b96efb]{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-sub[data-v-83b96efb]{color:#64748b;font-size:11px;margin-top:2px}.notif-size[data-v-83b96efb]{color:#94a3b8}.notif-close[data-v-83b96efb]{font-size:14px;color:#cbd5e1;cursor:pointer;transition:color .15s;flex-shrink:0}.notif-close[data-v-83b96efb]:hover{color:#ef4444}.notif-progress[data-v-83b96efb]{margin-top:8px}.notif-status-row[data-v-83b96efb]{display:flex;align-items:center;gap:8px;margin-top:8px}.notif-msg[data-v-83b96efb]{font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.slide-enter-active[data-v-83b96efb],.slide-leave-active[data-v-83b96efb]{transition:all .18s ease}.slide-enter-from[data-v-83b96efb],.slide-leave-to[data-v-83b96efb]{opacity:0;transform:translateY(-6px)}@keyframes pulse-83b96efb{0%,to{box-shadow:0 0 #2d6ff080}50%{box-shadow:0 0 0 6px #2d6ff000}}@media (max-width: 899.9px){.notif-center[data-v-83b96efb]{left:14px;right:14px;width:auto}}.cmdk-mask[data-v-d42a29a9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.cmdk-panel[data-v-d42a29a9]{width:min(640px,92vw);background:var(--spo-bg-card);border-radius:var(--spo-radius-lg);box-shadow:var(--spo-shadow-lg);border:1px solid var(--spo-border);overflow:hidden;animation:cmdk-in-d42a29a9 .15s ease}@keyframes cmdk-in-d42a29a9{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.cmdk-input-wrap[data-v-d42a29a9]{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--spo-border-soft)}.cmdk-icon[data-v-d42a29a9]{font-size:18px;color:var(--spo-text-4)}.cmdk-input[data-v-d42a29a9]{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--spo-text-1)}.cmdk-hint[data-v-d42a29a9]{font-size:11px;color:var(--spo-text-5)}.cmdk-results[data-v-d42a29a9]{max-height:50vh;overflow-y:auto;padding:4px}.cmdk-empty[data-v-d42a29a9]{padding:32px;text-align:center;color:var(--spo-text-5);font-size:13px}.cmdk-group-label[data-v-d42a29a9]{font-size:11px;color:var(--spo-text-5);letter-spacing:.05em;text-transform:uppercase;padding:6px 12px}.cmdk-item[data-v-d42a29a9]{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 4px;border-radius:var(--spo-radius-sm);cursor:pointer;transition:background .12s}.cmdk-item.active[data-v-d42a29a9]{background:var(--spo-primary-soft);color:var(--spo-primary-fg)}.ck-icon[data-v-d42a29a9]{font-size:16px;flex-shrink:0}.ck-text[data-v-d42a29a9]{flex:1;font-size:13px}.ck-meta[data-v-d42a29a9]{font-size:11px;color:var(--spo-text-5)}.cmdk-footer[data-v-d42a29a9]{border-top:1px solid var(--spo-border-soft);padding:8px 14px;display:flex;gap:16px;font-size:11px;color:var(--spo-text-5)}kbd[data-v-d42a29a9]{background:var(--spo-bg-soft);border:1px solid var(--spo-border);border-radius:3px;padding:1px 5px;font-size:10px;font-family:ui-monospace,monospace;margin-right:2px}.back-hub[data-v-05b7dcd3]{display:inline-flex;align-items:center;gap:3px;margin-bottom:4px;font-size:12px;color:var(--spo-text-4);text-decoration:none;transition:color .15s}.back-hub[data-v-05b7dcd3]:hover{color:var(--spo-primary)}.back-hub .el-icon[data-v-05b7dcd3]{font-size:11px}.dashboard-layout[data-v-05b7dcd3]{height:100vh;min-height:0;overflow:hidden;display:grid;grid-template-columns:232px 1fr;background:var(--spo-bg-page);transition:grid-template-columns .22s ease}.dashboard-layout.sidebar-collapsed[data-v-05b7dcd3]{grid-template-columns:64px 1fr}.dashboard-sidebar[data-v-05b7dcd3]{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:24px 14px 16px;display:flex;flex-direction:column;transition:padding .22s ease;position:sticky;top:0;height:100vh;z-index:10}.dashboard-sidebar.is-collapsed[data-v-05b7dcd3]{padding:24px 6px 16px}.dashboard-sidebar.is-collapsed .nav-item[data-v-05b7dcd3]{justify-content:center;padding:9px 8px}.dashboard-sidebar.is-collapsed .sidebar-footer .user-card[data-v-05b7dcd3]{justify-content:center}.dashboard-sidebar.is-collapsed .sidebar-footer .user-meta[data-v-05b7dcd3]{display:none}.dashboard-sidebar.is-collapsed .sidebar-brand[data-v-05b7dcd3]{padding:4px 0 18px;justify-content:center}.sidebar-brand[data-v-05b7dcd3]{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.sidebar-collapse-btn[data-v-05b7dcd3]{position:absolute;right:-10px;top:14px;width:22px;height:22px;border-radius:50%;background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .15s}.sidebar-collapse-btn[data-v-05b7dcd3]:hover{background:#334155;color:#fff;transform:scale(1.08)}.sidebar-collapse-btn .el-icon[data-v-05b7dcd3]{font-size:12px}.dashboard-sidebar.is-collapsed .sidebar-collapse-btn[data-v-05b7dcd3]{right:-10px}.brand-text[data-v-05b7dcd3]{min-width:0;line-height:1.25}.brand-mini[data-v-05b7dcd3]{font-size:9.5px;letter-spacing:.14em;color:#818cf8;margin:0 0 2px;font-weight:700}.sidebar-brand h1[data-v-05b7dcd3]{font-size:13px;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.01em}.sidebar-nav[data-v-05b7dcd3]{padding-top:16px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-group-label[data-v-05b7dcd3]{font-size:10px;letter-spacing:1.5px;color:#ffffff59;text-transform:uppercase;padding:14px 14px 6px;font-weight:600}.nav-group-label[data-v-05b7dcd3]:first-child{padding-top:4px}.nav-item[data-v-05b7dcd3]{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;color:#cbd5e1;text-decoration:none;border-radius:8px;font-size:13px;transition:background .15s,color .15s}.nav-item[data-v-05b7dcd3]:hover{background:#ffffff0f;color:#fff}.nav-item .el-icon[data-v-05b7dcd3]{font-size:16px;opacity:.85}.nav-item-ext .nav-ext-ico[data-v-05b7dcd3]{margin-left:auto;font-size:11px;opacity:.5}.nav-item.router-link-active[data-v-05b7dcd3]{background:#2d6ff029;color:#fff}.nav-item.router-link-active .el-icon[data-v-05b7dcd3]{color:#60a5fa;opacity:1}.sidebar-footer[data-v-05b7dcd3]{margin-top:auto;padding:12px 4px 0;border-top:1px solid rgba(255,255,255,.06)}.user-card[data-v-05b7dcd3]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.user-card[data-v-05b7dcd3]:hover{background:#ffffff0f}.user-avatar[data-v-05b7dcd3]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-meta[data-v-05b7dcd3]{display:flex;flex-direction:column;line-height:1.2;min-width:0}.user-name[data-v-05b7dcd3]{font-size:13px;color:#f1f5f9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-05b7dcd3]{font-size:11px;color:#94a3b8}.user-popover[data-v-05b7dcd3]{margin:-12px}.pop-user-info[data-v-05b7dcd3]{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #f0f0f0}.pop-avatar[data-v-05b7dcd3]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.pop-name[data-v-05b7dcd3]{font-size:14px;font-weight:600;color:#1e293b}.pop-tier[data-v-05b7dcd3]{font-size:12px;color:#64748b;margin-top:2px}.pop-actions[data-v-05b7dcd3]{padding:4px 0}.pop-action[data-v-05b7dcd3]{padding:10px 16px;font-size:13px;color:#374151;cursor:pointer;transition:background .12s}.pop-action[data-v-05b7dcd3]:hover{background:#f5f7fa}.pop-action-danger[data-v-05b7dcd3]{color:#ef4444}.pop-action-danger[data-v-05b7dcd3]:hover{background:#fef2f2}.dashboard-main[data-v-05b7dcd3]{min-width:0;min-height:0;background:var(--spo-bg-page);display:flex;flex-direction:column;overflow:hidden}.dashboard-main-header[data-v-05b7dcd3]{background:var(--spo-bg-card);min-height:72px;flex-shrink:0;padding:16px 26px;border-bottom:1px solid var(--spo-border-soft);display:flex;align-items:center;gap:12px}.header-actions[data-v-05b7dcd3]{margin-left:auto;display:flex;align-items:center;gap:10px}.view-as[data-v-05b7dcd3]{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--spo-bg-soft);border:1px dashed var(--spo-border);border-radius:8px}.route-error-boundary[data-v-05b7dcd3]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.reb-card[data-v-05b7dcd3]{max-width:540px;background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:var(--spo-radius-lg);box-shadow:var(--spo-shadow-md);padding:32px 28px;text-align:center}.reb-icon[data-v-05b7dcd3]{font-size:36px;margin-bottom:12px}.reb-card h2[data-v-05b7dcd3]{margin:0 0 8px;font-size:18px;color:var(--spo-text-1)}.reb-msg[data-v-05b7dcd3]{color:var(--spo-text-3);font-size:13px;margin:0 0 20px;word-break:break-all;padding:8px 12px;background:var(--spo-bg-soft);border-radius:6px;text-align:left}.reb-actions[data-v-05b7dcd3]{display:flex;gap:8px;justify-content:center}.reb-stack[data-v-05b7dcd3]{margin-top:16px;text-align:left;font-size:11px;color:var(--spo-text-4)}.reb-stack pre[data-v-05b7dcd3]{max-height:240px;overflow:auto;background:var(--spo-bg-soft);padding:8px;border-radius:4px;font-size:11px;line-height:1.5}.view-as-label[data-v-05b7dcd3]{font-size:12px;color:var(--spo-text-3)}.theme-toggle[data-v-05b7dcd3]{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--spo-bg-soft);border:1px solid var(--spo-border);border-radius:10px;color:var(--spo-text-3);cursor:pointer;font-size:16px;transition:all .2s}.theme-toggle[data-v-05b7dcd3]:hover{background:var(--spo-primary-soft);color:var(--spo-primary);border-color:var(--spo-primary)}.dashboard-main-header h2[data-v-05b7dcd3]{font-size:var(--spo-fs-xl);color:var(--spo-text-1);margin:0 0 3px;font-weight:600}.dashboard-main-header p[data-v-05b7dcd3]{font-size:var(--spo-fs-sm);color:var(--spo-text-4);margin:0}.dashboard-main-body[data-v-05b7dcd3]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(14px,1.4vw,20px) clamp(16px,1.6vw,24px) clamp(20px,2vw,28px)}.burger[data-v-05b7dcd3]{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;font-size:18px}.burger[data-v-05b7dcd3]:hover{background:#f1f5f9}.drawer-backdrop[data-v-05b7dcd3]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 899.9px){.dashboard-layout[data-v-05b7dcd3]{grid-template-columns:1fr}.dashboard-sidebar[data-v-05b7dcd3]{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:2000;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000002e}.dashboard-sidebar.is-open[data-v-05b7dcd3]{transform:translate(0)}.dashboard-main-header[data-v-05b7dcd3]{padding:14px 16px;min-height:64px}}:root{--spo-bg-page: #f7f8fa;--spo-bg-card: #ffffff;--spo-bg-subtle: #f1f5f9;--spo-bg-soft: #f8fafc;--spo-border: #e5e7eb;--spo-border-strong: #d1d5db;--spo-border-soft: #f1f5f9;--spo-text-1: #0f172a;--spo-text-2: #1e293b;--spo-text-3: #475569;--spo-text-4: #64748b;--spo-text-5: #94a3b8;--spo-text-disabled: #cbd5e1;--spo-primary: #2d6ff0;--spo-primary-hover: #2563eb;--spo-primary-soft: #eff6ff;--spo-primary-fg: #1d4ed8;--spo-success: #10b981;--spo-success-soft: #ecfdf5;--spo-success-fg: #065f46;--spo-warning: #f59e0b;--spo-warning-soft: #fffbeb;--spo-warning-fg: #92400e;--spo-danger: #ef4444;--spo-danger-soft: #fef2f2;--spo-danger-fg: #b91c1c;--spo-info: #6366f1;--spo-info-soft: #eef2ff;--spo-info-fg: #4338ca;--spo-radius-sm: 6px;--spo-radius-md: 10px;--spo-radius-lg: 14px;--spo-radius-xl: 18px;--spo-radius-full: 999px;--spo-shadow-xs: 0 1px 2px rgba(15,23,42,.04);--spo-shadow-sm: 0 1px 3px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.03);--spo-shadow-md: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);--spo-shadow-lg: 0 12px 30px rgba(15,23,42,.1), 0 4px 8px rgba(15,23,42,.05);--spo-gap-2: 4px;--spo-gap-3: 6px;--spo-gap-4: 8px;--spo-gap-6: 12px;--spo-gap-8: 16px;--spo-gap-10: 20px;--spo-gap-12: 24px;--spo-gap-16: 32px;--spo-gap-20: 40px;--spo-fs-xs: 11px;--spo-fs-sm: 12px;--spo-fs-base: 13px;--spo-fs-md: 14px;--spo-fs-lg: 15px;--spo-fs-xl: 17px;--spo-fs-2xl: 20px;--spo-fs-3xl: 24px;--spo-lh-tight: 1.35;--spo-lh-base: 1.55;--spo-lh-loose: 1.75}.spo-card-v2{background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:var(--spo-radius-lg);box-shadow:var(--spo-shadow-xs);transition:box-shadow .2s,transform .2s,border-color .2s}.spo-card-v2:hover{box-shadow:var(--spo-shadow-md);border-color:var(--spo-border-strong)}.spo-section-title{font-size:var(--spo-fs-md);color:var(--spo-text-2);font-weight:600;margin:0 0 var(--spo-gap-8);display:flex;align-items:center;gap:var(--spo-gap-6)}.spo-meta{font-size:var(--spo-fs-sm);color:var(--spo-text-4)}.spo-badge{display:inline-flex;align-items:center;gap:var(--spo-gap-3);padding:2px 10px;border-radius:var(--spo-radius-full);font-size:var(--spo-fs-xs);font-weight:500;background:var(--spo-bg-subtle);color:var(--spo-text-3);white-space:nowrap}.spo-badge--success{background:var(--spo-success-soft);color:var(--spo-success-fg)}.spo-badge--warning{background:var(--spo-warning-soft);color:var(--spo-warning-fg)}.spo-badge--danger{background:var(--spo-danger-soft);color:var(--spo-danger-fg)}.spo-badge--info{background:var(--spo-info-soft);color:var(--spo-info-fg)}.spo-badge--primary{background:var(--spo-primary-soft);color:var(--spo-primary-fg)}.spo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.spo-dot--pulse{animation:spo-pulse 1.4s ease-in-out infinite}@keyframes spo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}}.spo-empty{padding:var(--spo-gap-20) var(--spo-gap-12);text-align:center;color:var(--spo-text-5);background:var(--spo-bg-card);border:1px dashed var(--spo-border);border-radius:var(--spo-radius-lg)}.spo-empty h3{color:var(--spo-text-3);margin:0 0 6px;font-size:var(--spo-fs-lg);font-weight:600}.spo-empty p{margin:0;font-size:var(--spo-fs-sm)}[data-theme=dark]{--spo-bg-page: #0a0c1e;--spo-bg-card: #131527;--spo-bg-subtle: #1a1d35;--spo-bg-soft: #1e2138;--spo-border: rgba(255, 255, 255, .08);--spo-border-strong: rgba(255, 255, 255, .14);--spo-border-soft: rgba(255, 255, 255, .05);--spo-text-1: #f5f7ff;--spo-text-2: #d8dcec;--spo-text-3: #9aa1c1;--spo-text-4: #6e7595;--spo-text-5: #525874;--spo-text-disabled: #3a4060;--spo-primary: #818cf8;--spo-primary-hover: #a5b4fc;--spo-primary-soft: rgba(99, 102, 241, .15);--spo-primary-fg: #a5b4fc;--spo-success: #4ade80;--spo-success-soft: rgba(74, 222, 128, .12);--spo-success-fg: #6ee7b7;--spo-warning: #fbbf24;--spo-warning-soft: rgba(251, 191, 36, .12);--spo-warning-fg: #fcd34d;--spo-danger: #f87171;--spo-danger-soft: rgba(248, 113, 113, .12);--spo-danger-fg: #fca5a5;--spo-info: #818cf8;--spo-info-soft: rgba(129, 140, 248, .15);--spo-info-fg: #a5b4fc;--spo-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--spo-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--spo-shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--spo-shadow-lg: 0 12px 30px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:Inter Variable,Inter,HarmonyOS Sans SC,MiSans,-apple-system,BlinkMacSystemFont,PingFang SC,PingFang TC,Hiragino Sans GB,Source Han Sans SC,Noto Sans CJK SC,Noto Sans SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,Helvetica Neue,Arial,sans-serif;color:var(--spo-text-2);background:var(--spo-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"tnum" on,"cv11" on,"ss01" on,"cv02" on;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.65;letter-spacing:.005em}h1,h2,h3,h4,h5,h6{letter-spacing:-.018em;font-feature-settings:"cv11" on,"ss01" on,"cv02" on}h1{font-weight:700}h2,h3,h4,h5,h6{font-weight:600}input,textarea,select,button,.el-input__inner,.el-textarea__inner,.el-button,.el-select__input,.el-tabs__item,.el-dropdown,.el-message,.el-message-box,.el-notification,.el-tooltip__popper,.el-form-item__label{font-family:inherit}.kpi-num,.sp-row-id,.task-id-pill,.num,[class*=-num],[class*=-count],.el-pagination,code,kbd{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" on,"cv11" on}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--spo-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--spo-text-5)}.spo-card{background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:var(--spo-radius-lg);padding:20px;box-shadow:var(--spo-shadow-xs)}.spo-page-empty{padding:60px 20px;text-align:center;color:var(--spo-text-5);background:var(--spo-bg-card);border-radius:var(--spo-radius-lg);border:1px dashed var(--spo-border-strong)}.spo-page-empty h3{color:var(--spo-text-3);margin:0 0 6px;font-size:var(--spo-fs-xl);font-weight:600}.spo-page-empty p{margin:0;font-size:var(--spo-fs-sm)}.spo-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:var(--spo-radius-lg);padding:14px 20px;margin-bottom:16px;flex-wrap:wrap}.spo-page-header .header-left{display:flex;flex-direction:column;gap:3px;min-width:0}.spo-page-header h2,.spo-page-header .page-title{font-size:var(--spo-fs-lg);color:var(--spo-text-1);font-weight:600;margin:0;line-height:1.3}.spo-page-header p,.spo-page-header .page-desc{font-size:var(--spo-fs-sm);color:var(--spo-text-4);margin:0}.spo-page-header .header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.el-button{border-radius:var(--spo-radius-md)!important;font-weight:500;letter-spacing:0;transition:all .15s ease}.el-button+.el-button{margin-left:8px}.el-button.el-button--primary:not(.is-plain):not(.is-link):not(.is-text){box-shadow:0 1px 2px #2d6ff02e}.el-button.el-button--primary:not(.is-plain):not(.is-link):not(.is-text):hover{box-shadow:0 4px 10px #2d6ff038;transform:translateY(-.5px)}.el-button--small{padding:6px 12px}.el-button--large{padding:11px 22px;font-size:14px}.el-button-group .el-button+.el-button{margin-left:0}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:var(--spo-radius-md)!important;box-shadow:0 0 0 1px var(--spo-border)!important;transition:box-shadow .15s ease,background-color .15s ease!important;background:var(--spo-bg-card)!important}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px var(--spo-border-strong)!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--spo-primary),0 0 0 3px #2d6ff01f!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--spo-text-5)!important}.el-input.is-disabled .el-input__wrapper,.el-textarea.is-disabled .el-textarea__inner{background:var(--spo-bg-soft)!important;box-shadow:0 0 0 1px var(--spo-border-soft)!important}.el-tag{border-radius:var(--spo-radius-sm)!important;font-weight:500;border:1px solid transparent!important;letter-spacing:0}.el-tag--small{padding:0 8px;height:22px;line-height:20px}.el-tag--large{padding:0 12px;height:30px}.el-table{--el-table-border-color: var(--spo-border-soft);--el-table-header-bg-color: var(--spo-bg-soft);--el-table-row-hover-bg-color: var(--spo-bg-soft);border-radius:var(--spo-radius-lg);border:1px solid var(--spo-border-soft);overflow:hidden}.el-table:before{display:none!important}.el-table th.el-table__cell{background:var(--spo-bg-soft)!important;color:var(--spo-text-3)!important;font-weight:600!important;font-size:var(--spo-fs-sm);border-bottom:1px solid var(--spo-border-soft)!important;padding:10px 0}.el-table td.el-table__cell{border-bottom:1px solid var(--spo-border-soft)!important;font-size:var(--spo-fs-sm);padding:12px 0;color:var(--spo-text-2)}.el-table tr:hover>td.el-table__cell{background:var(--spo-bg-soft)!important}.el-dialog{border-radius:var(--spo-radius-xl)!important;overflow:hidden;box-shadow:0 24px 48px #0f172a24,0 8px 16px #0f172a0f!important}.el-dialog__header{padding:18px 24px!important;margin-right:0!important;border-bottom:1px solid var(--spo-border-soft)}.el-dialog__title{font-size:var(--spo-fs-lg)!important;color:var(--spo-text-1);font-weight:600}.el-dialog__body{padding:22px 24px!important;color:var(--spo-text-2)}.el-dialog__footer{padding:14px 24px!important;border-top:1px solid var(--spo-border-soft)}.el-overlay-dialog{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-overlay{background:#0f172a52!important}.el-drawer{border-top-left-radius:var(--spo-radius-xl);border-bottom-left-radius:var(--spo-radius-xl)}.el-drawer__header{padding:18px 24px!important;margin-bottom:0!important;border-bottom:1px solid var(--spo-border-soft)}.el-drawer__body{padding:0!important}.el-tabs__nav-wrap:after{background-color:var(--spo-border-soft)!important;height:1px!important}.el-tabs__item{font-weight:500!important;font-size:var(--spo-fs-md);color:var(--spo-text-3)}.el-tabs__item.is-active{color:var(--spo-primary)!important;font-weight:600!important}.el-tabs__active-bar{height:2px!important;border-radius:2px;background:var(--spo-primary)!important}.el-form-item__label{color:var(--spo-text-3)!important;font-weight:500;font-size:var(--spo-fs-sm)}.el-form-item{margin-bottom:18px}.el-pagination{--el-pagination-button-color: var(--spo-text-3);--el-pagination-hover-color: var(--spo-primary)}.el-pagination .el-pagination__total{color:var(--spo-text-4);font-size:12px}.el-message{border-radius:var(--spo-radius-md)!important;border:1px solid var(--spo-border-soft)!important;box-shadow:var(--spo-shadow-md)!important;padding:12px 16px!important}.el-notification{border-radius:var(--spo-radius-lg)!important;border:1px solid var(--spo-border-soft)!important;box-shadow:var(--spo-shadow-lg)!important}.el-progress-bar__outer,.el-progress-bar__inner{border-radius:var(--spo-radius-full)}.el-segmented{background:var(--spo-bg-soft)!important;border-radius:var(--spo-radius-md)!important;padding:3px!important}.el-segmented__item-selected{background:var(--spo-bg-card)!important;box-shadow:var(--spo-shadow-xs)!important;color:var(--spo-text-1)!important}.el-radio-button__inner{border-radius:0!important}.el-radio-button:first-child .el-radio-button__inner{border-top-left-radius:var(--spo-radius-md)!important;border-bottom-left-radius:var(--spo-radius-md)!important}.el-radio-button:last-child .el-radio-button__inner{border-top-right-radius:var(--spo-radius-md)!important;border-bottom-right-radius:var(--spo-radius-md)!important}.el-descriptions__label{color:var(--spo-text-4)!important;font-weight:500}.el-dropdown-menu{border-radius:var(--spo-radius-md)!important;box-shadow:var(--spo-shadow-md)!important;border:1px solid var(--spo-border)!important}.el-dropdown-menu__item{font-size:var(--spo-fs-sm);border-radius:var(--spo-radius-sm);margin:2px 4px;padding:6px 12px}.el-dropdown-menu__item:not(.is-disabled):hover{background:var(--spo-primary-soft)!important;color:var(--spo-primary-fg)!important}.el-popover.el-popper{border-radius:var(--spo-radius-md)!important;border:1px solid var(--spo-border)!important;box-shadow:var(--spo-shadow-md)!important}.el-popper.is-dark{border-radius:var(--spo-radius-sm)!important;background:var(--spo-text-1)!important;font-size:var(--spo-fs-xs);padding:6px 10px!important}.el-empty__description p{color:var(--spo-text-4)!important;font-size:var(--spo-fs-sm)}:root{--el-color-primary: var(--spo-primary);--el-color-primary-light-3: var(--spo-primary);--el-color-primary-light-5: var(--spo-primary-soft);--el-color-primary-light-7: var(--spo-primary-soft);--el-color-primary-light-8: var(--spo-primary-soft);--el-color-primary-light-9: var(--spo-primary-soft);--el-bg-color: var(--spo-bg-card);--el-bg-color-overlay: var(--spo-bg-card);--el-bg-color-page: var(--spo-bg-page);--el-fill-color-blank: var(--spo-bg-card);--el-fill-color-light: var(--spo-bg-soft);--el-fill-color-lighter: var(--spo-bg-soft);--el-text-color-primary: var(--spo-text-1);--el-text-color-regular: var(--spo-text-2);--el-text-color-secondary: var(--spo-text-3);--el-text-color-placeholder: var(--spo-text-5);--el-border-color: var(--spo-border);--el-border-color-light: var(--spo-border-soft);--el-border-color-lighter: var(--spo-border-soft)}.el-input,.el-select,.el-cascader,.el-date-editor,.el-input-number{--el-input-height: 34px;--el-component-size: 34px}.el-input--small,.el-select--small,.el-cascader--small,.el-date-editor--small,.el-input-number--small{--el-input-height: 30px;--el-component-size: 30px}.el-input--large,.el-select--large,.el-cascader--large,.el-date-editor--large,.el-input-number--large{--el-input-height: 40px;--el-component-size: 40px}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-date-editor.el-input__wrapper,.el-cascader .el-input__wrapper{border-radius:var(--spo-radius-md)!important;box-shadow:0 0 0 1px var(--spo-border)!important;background:var(--spo-bg-card)!important;transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease!important;padding:0 12px!important}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover,.el-date-editor.el-input__wrapper:hover,.el-cascader .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--spo-border-strong)!important;background:var(--spo-bg-card)!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-textarea.is-focused .el-textarea__inner,.el-select__wrapper.is-focused,.el-select__wrapper.is-hovering,.el-date-editor.el-input__wrapper.is-focus,.el-cascader .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--spo-primary),0 0 0 4px color-mix(in srgb,var(--spo-primary) 14%,transparent)!important;background:var(--spo-bg-card)!important}.el-select__wrapper{min-height:var(--el-input-height)!important}.el-select__caret,.el-cascader__caret,.el-input__suffix .el-icon{font-size:14px!important;color:var(--spo-text-5)!important;transition:transform .22s ease,color .15s ease!important}.el-select__wrapper.is-focused .el-select__caret,.el-cascader.is-focus .el-cascader__caret{color:var(--spo-primary)!important}.el-select__tags-text{color:var(--spo-text-2)!important}.el-select__selection .el-tag.el-tag--info{background:var(--spo-bg-soft)!important;border:1px solid var(--spo-border-soft)!important;color:var(--spo-text-2)!important;border-radius:var(--spo-radius-sm)!important;padding:0 6px 0 8px!important;height:22px!important;line-height:20px!important;font-size:12px!important}.el-select__selection .el-tag .el-tag__close{color:var(--spo-text-4)!important;background:transparent!important;border-radius:50%!important;width:14px!important;height:14px!important;margin-left:4px!important;transition:background .15s,color .15s!important}.el-select__selection .el-tag .el-tag__close:hover{background:var(--spo-danger-soft)!important;color:var(--spo-danger)!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder,.el-select__placeholder{color:var(--spo-text-5)!important}.el-select .el-select__placeholder.is-transparent{color:var(--spo-text-5)!important}.el-input.is-disabled .el-input__wrapper,.el-textarea.is-disabled .el-textarea__inner,.el-select.is-disabled .el-select__wrapper{background:var(--spo-bg-soft)!important;box-shadow:0 0 0 1px var(--spo-border-soft)!important;color:var(--spo-text-5)!important;cursor:not-allowed!important}.el-popper{border-radius:var(--spo-radius-lg)!important;border:1px solid var(--spo-border)!important;box-shadow:0 8px 24px -4px #0f172a1f,0 16px 32px -8px #0f172a14!important;background:var(--spo-bg-card)!important;overflow:hidden}.el-popper.is-light{background:var(--spo-bg-card)!important}.el-popper.el-select__popper,.el-popper.el-cascader__dropdown{padding:4px!important}.el-popper .el-popper__arrow,.el-popper.is-light .el-popper__arrow:before{display:none!important}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important;transform-origin:center top!important}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-to{opacity:0!important;transform:translateY(-4px) scaleY(.97)!important}.el-select-dropdown__list,.el-cascader-menu__list{padding:2px!important}.el-select-dropdown__item,.el-cascader-node{border-radius:var(--spo-radius-sm)!important;margin:1px 2px!important;padding:7px 10px!important;font-size:var(--spo-fs-sm)!important;color:var(--spo-text-2)!important;line-height:1.4!important;height:auto!important;min-height:32px!important;transition:background-color .12s ease,color .12s ease!important}.el-select-dropdown__item.hover,.el-select-dropdown__item:not(.is-disabled):hover,.el-cascader-node:not(.is-disabled):hover{background:var(--spo-bg-soft)!important;color:var(--spo-text-1)!important}.el-select-dropdown__item.is-selected,.el-cascader-node.is-active,.el-cascader-node.in-active-path{background:var(--spo-primary-soft)!important;color:var(--spo-primary-fg)!important;font-weight:600!important}.el-select-dropdown__item.is-selected:after,.el-select-dropdown__item.selected:after{color:var(--spo-primary-fg)!important}.el-select-dropdown__item.is-disabled{color:var(--spo-text-disabled)!important}.el-select-dropdown__empty,.el-cascader__empty-text{color:var(--spo-text-5)!important;font-size:var(--spo-fs-sm)!important;padding:16px!important}.el-select-group__title,.el-select-dropdown__group .el-select-group__title{color:var(--spo-text-5)!important;font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px 4px!important}.el-select-v2__wrapper{border-radius:var(--spo-radius-md)!important;box-shadow:0 0 0 1px var(--spo-border)!important;background:var(--spo-bg-card)!important;transition:box-shadow .18s ease!important;padding:0 12px!important}.el-select-v2__wrapper:hover{box-shadow:0 0 0 1px var(--spo-border-strong)!important}.el-select-v2__wrapper.is-focused{box-shadow:0 0 0 1px var(--spo-primary),0 0 0 4px color-mix(in srgb,var(--spo-primary) 14%,transparent)!important}.el-select-dropdown__option-item{border-radius:var(--spo-radius-sm)!important;font-size:var(--spo-fs-sm)!important;color:var(--spo-text-2)!important}.el-select-dropdown__option-item.hover,.el-select-dropdown__option-item:hover{background:var(--spo-bg-soft)!important;color:var(--spo-text-1)!important}.el-select-dropdown__option-item.is-selected{background:var(--spo-primary-soft)!important;color:var(--spo-primary-fg)!important;font-weight:600!important}.el-picker__popper.el-popper{padding:8px!important}.el-date-picker__header,.el-month-table th,.el-year-table th{color:var(--spo-text-3)!important}.el-date-table th,.el-date-range-picker__header{color:var(--spo-text-4)!important;font-weight:500!important}.el-date-table td .el-date-table-cell{border-radius:var(--spo-radius-sm)!important;transition:background-color .12s ease,color .12s ease!important}.el-date-table td.available:hover .el-date-table-cell{background:var(--spo-bg-soft)!important;color:var(--spo-text-1)!important}.el-date-table td.today .el-date-table-cell__text{color:var(--spo-primary)!important;font-weight:600!important}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background:var(--spo-primary)!important;color:#fff!important;border-radius:999px!important}.el-date-table td.in-range .el-date-table-cell{background:var(--spo-primary-soft)!important}.el-date-table td.start-date .el-date-table-cell,.el-date-table td.end-date .el-date-table-cell{background:var(--spo-primary)!important;color:#fff!important}.el-picker-panel__icon-btn{color:var(--spo-text-4)!important;border-radius:var(--spo-radius-sm)!important;transition:background .12s,color .12s}.el-picker-panel__icon-btn:hover{background:var(--spo-bg-soft)!important;color:var(--spo-text-1)!important}.el-time-panel{border-radius:var(--spo-radius-md)!important;border:1px solid var(--spo-border)!important;box-shadow:var(--spo-shadow-md)!important}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--spo-primary)!important;font-weight:600}.el-cascader-menu{border-right-color:var(--spo-border-soft)!important}.el-cascader-node:not(.is-disabled).in-active-path{background:transparent!important;color:var(--spo-primary-fg)!important}.el-cascader-node__prefix,.el-cascader-node__postfix{color:var(--spo-text-4)!important}.el-autocomplete-suggestion{border-radius:var(--spo-radius-lg)!important;border:1px solid var(--spo-border)!important;box-shadow:var(--spo-shadow-md)!important;background:var(--spo-bg-card)!important;padding:4px!important}.el-autocomplete-suggestion li{border-radius:var(--spo-radius-sm)!important;padding:7px 10px!important;font-size:var(--spo-fs-sm)!important;color:var(--spo-text-2)!important}.el-autocomplete-suggestion li:hover,.el-autocomplete-suggestion li.highlighted{background:var(--spo-bg-soft)!important;color:var(--spo-text-1)!important}.el-input-number__increase,.el-input-number__decrease{background:var(--spo-bg-soft)!important;border-color:var(--spo-border)!important;color:var(--spo-text-3)!important;transition:background .12s,color .12s!important}.el-input-number__increase:hover,.el-input-number__decrease:hover{background:var(--spo-primary-soft)!important;color:var(--spo-primary)!important}.el-switch__core{border-radius:999px!important;border-color:var(--spo-border-strong)!important}.el-switch.is-checked .el-switch__core{background:var(--spo-primary)!important;border-color:var(--spo-primary)!important}.el-checkbox__inner,.el-radio__inner{border-radius:4px!important;transition:all .15s!important}.el-radio__inner{border-radius:50%!important}.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{background:var(--spo-primary)!important;border-color:var(--spo-primary)!important}.el-checkbox__label,.el-radio__label{color:var(--spo-text-2)!important;font-size:var(--spo-fs-sm)!important}[data-theme=dark] .el-popper,[data-theme=dark] .el-autocomplete-suggestion,[data-theme=dark] .el-time-panel{background:var(--spo-bg-card)!important;border-color:var(--spo-border)!important;box-shadow:0 8px 24px -4px #0000008c,0 16px 32px -8px #00000073!important}[data-theme=dark] .el-select-dropdown__item:not(.is-disabled):hover,[data-theme=dark] .el-select-dropdown__option-item:hover,[data-theme=dark] .el-cascader-node:not(.is-disabled):hover,[data-theme=dark] .el-autocomplete-suggestion li:hover{background:#ffffff0a!important}[data-theme=dark] .el-date-table td.in-range .el-date-table-cell{background:#818cf826!important}[data-theme=dark] .el-input__wrapper,[data-theme=dark] .el-textarea__inner,[data-theme=dark] .el-select__wrapper,[data-theme=dark] .el-select-v2__wrapper{background:var(--spo-bg-card)!important}.creator-pill{display:inline-flex;align-items:center;padding:1px 6px;margin-left:6px;border-radius:var(--spo-radius-sm);background:var(--spo-primary-soft);color:var(--spo-primary-fg);font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap}:root{--t-xs: 11px;--t-sm: 12px;--t-base: 13px;--t-md: 14px;--t-lg: 15px;--t-xl: 17px;--t-h1: 20px;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--w-1: 4px;--w-2: 8px;--w-3: 12px;--w-4: 16px;--w-5: 20px;--w-6: 24px;--w-8: 32px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--accent: #4f46e5;--accent-deep: #4338ca;--accent-soft: #eef2ff;--accent-glow: rgba(79, 70, 229, .12);--success: #16a34a;--success-soft: #f0fdf4;--warning: #d97706;--warning-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--text-1: #111827;--text-2: #4b5563;--text-3: #9ca3af;--text-4: #d1d5db;--border: #e5e7eb;--border-light: #f3f4f6;--border-strong: #d1d5db;--bg-page: #fafbfc;--bg-card: #ffffff;--bg-soft: #f9fafb;--bg-hover: #f3f4f6;--sh-sm: 0 1px 2px rgba(17, 24, 39, .04);--sh-md: 0 1px 3px rgba(17, 24, 39, .06), 0 4px 8px rgba(17, 24, 39, .04);--sh-lg: 0 4px 12px rgba(17, 24, 39, .06), 0 12px 32px -8px rgba(17, 24, 39, .12)}.strategy-page,.analysis-page,.plan-page{max-width:100%;min-width:0;padding:0;font-size:var(--t-base);color:var(--text-1);letter-spacing:-.01em}.page-hero{display:flex;align-items:center;gap:var(--w-5);padding:0 0 var(--w-4);margin-bottom:var(--w-4);border-bottom:1px solid var(--border-light)}.hero-bg-orb{display:none}.page-hero .hero-content{display:flex;align-items:center;gap:var(--w-3);flex:1;min-width:0}.page-hero .hero-badge{display:none}.page-hero .hero-title{font-size:var(--t-h1);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;letter-spacing:-.02em;line-height:1.2;-webkit-text-fill-color:initial;background:none}.page-hero .hero-subtitle{font-size:var(--t-sm);color:var(--text-3);margin:0;line-height:1.4;flex:1;border-left:1px solid var(--border);padding-left:var(--w-3)}.page-hero .hero-stats{display:flex;gap:var(--w-4);align-items:center;flex-shrink:0}.page-hero .stat-card{background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:2px;min-width:auto;text-align:left;transition:none}.page-hero .stat-card:hover{background:transparent;transform:none;box-shadow:none;border:none}.page-hero .stat-value{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:-.02em;background:none;-webkit-text-fill-color:initial}.page-hero .stat-unit{font-size:var(--t-sm);opacity:.7}.page-hero .stat-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:var(--fw-medium)}.layout-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:var(--w-4);align-items:start;min-width:0}@media (max-width: 1280px){.layout-grid{grid-template-columns:340px minmax(0,1fr)}}@media (max-width: 1024px){.layout-grid{grid-template-columns:1fr;gap:var(--w-3)}.form-panel{position:static!important;max-height:none!important}}.form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--w-4) var(--w-5);position:sticky;top:0;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin}.form-panel::-webkit-scrollbar{width:4px}.form-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.form-panel .panel-title{display:flex;align-items:center;gap:var(--w-2);font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);margin-bottom:var(--w-4);padding-bottom:var(--w-3);border-bottom:1px solid var(--border-light)}.form-panel .dot-pulse{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--accent-glow)}.form-panel .form-section{padding:var(--w-3) 0;border-bottom:1px solid var(--border-light)}.form-panel .form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-panel .section-title{display:flex;align-items:center;gap:var(--w-2);margin-bottom:var(--w-3);font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.form-panel .section-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--bg-hover);color:var(--text-2);border-radius:var(--r-sm);font-size:var(--t-xs);font-weight:var(--fw-bold);font-family:ui-monospace,SF Mono,Menlo,monospace}.form-panel .section-name{flex:1}.form-panel .required{color:var(--danger);margin-left:2px;font-size:var(--t-sm)}.form-panel .field-label{display:block;font-size:var(--t-xs);color:var(--text-3);margin-bottom:4px;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.03em}.form-panel .form-hint{font-size:var(--t-xs);color:var(--text-3);margin:var(--w-1) 0 0;line-height:1.5}.elegant-input .el-input__wrapper,.elegant-input .el-textarea__inner{border-radius:var(--r-md);font-size:var(--t-base);box-shadow:0 0 0 1px var(--border) inset;transition:all .15s}.elegant-input .el-input__wrapper:hover,.elegant-input .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--border-strong) inset}.elegant-input .el-input__wrapper.is-focus,.elegant-input .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--accent) inset,0 0 0 3px var(--accent-glow)!important}.elegant-input .el-input__inner,.elegant-input .el-textarea__inner{font-size:var(--t-base)}.elegant-tabs .el-tabs__nav{border-radius:0}.elegant-tabs .el-tabs__active-bar{background:var(--accent);height:2px}.elegant-tabs .el-tabs__item{font-size:var(--t-sm);font-weight:var(--fw-medium);color:var(--text-2);padding:0 var(--w-3);height:32px;line-height:32px}.elegant-tabs .el-tabs__item.is-active{color:var(--accent)}.elegant-tabs .el-tabs__nav-wrap:after{background:var(--border);height:1px}.elegant-tabs .el-tabs__header{margin-bottom:var(--w-3)}.elegant-upload .el-upload-dragger{border-radius:var(--r-md);border:1.5px dashed var(--border-strong);background:var(--bg-soft);padding:var(--w-3);min-height:0;transition:all .15s}.elegant-upload .el-upload-dragger:hover{border-color:var(--accent);background:var(--accent-soft)}.form-panel .upload-icon{font-size:22px;color:var(--text-3);margin-bottom:2px}.form-panel .upload-main{font-size:var(--t-sm);color:var(--text-2);font-weight:var(--fw-medium)}.form-panel .upload-sub{font-size:var(--t-xs);color:var(--text-3);margin-top:1px}.form-panel .material-list{list-style:none;margin:var(--w-2) 0 0;padding:0;min-width:0}.form-panel .material-list li{padding:var(--w-2) var(--w-3);background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md);margin-bottom:4px;display:grid;grid-template-areas:"icon fname fname fname" ".    fsize tag   btn";grid-template-columns:14px 1fr auto auto;gap:2px var(--w-2);align-items:center;min-width:0}.form-panel .file-icon{grid-area:icon;color:var(--text-3);font-size:14px}.form-panel .fname{grid-area:fname;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--fw-medium);font-size:var(--t-sm);color:var(--text-1)}.form-panel .fsize{grid-area:fsize;color:var(--text-3);font-size:var(--t-xs);font-family:ui-monospace,monospace}.form-panel .status-tag{grid-area:tag;font-size:var(--t-xs);padding:1px var(--w-2);border-radius:var(--r-sm);font-weight:var(--fw-medium);white-space:nowrap}.form-panel .s-pending{background:var(--bg-hover);color:var(--text-2)}.form-panel .s-uploading,.form-panel .s-parsing{background:var(--warning-soft);color:var(--warning)}.form-panel .s-ok{background:var(--success-soft);color:var(--success)}.form-panel .s-error{background:var(--danger-soft);color:var(--danger)}.form-panel .icon-btn-delete{grid-area:btn;width:18px;height:18px;border:none;background:transparent;color:var(--text-3);border-radius:var(--r-sm);cursor:pointer;font-size:14px;line-height:1}.form-panel .icon-btn-delete:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.form-panel .icon-btn-delete:disabled{opacity:.3;cursor:not-allowed}.form-panel .opt-meta{color:var(--text-3);font-size:var(--t-xs);margin-left:var(--w-2)}.form-panel .hint-warn{color:var(--warning);margin-top:var(--w-1);font-size:var(--t-xs)}.form-panel .cust-mat-box{margin-top:var(--w-2);border:1px solid var(--border-1);border-radius:var(--radius);background:var(--bg-2);padding:var(--w-2)}.form-panel .cust-mat-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-xs);color:var(--text-2);margin-bottom:var(--w-1)}.form-panel .cust-mat-actions a{color:var(--accent);cursor:pointer;text-decoration:none}.form-panel .cust-mat-actions a:hover{text-decoration:underline}.form-panel .cust-mat-actions .dot{color:var(--text-3);margin:0 4px}.form-panel .cust-mat-list{list-style:none;padding:0;margin:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.form-panel .cust-mat-list li{padding:2px 0}.form-panel .cust-mat-list .el-checkbox{width:100%}.form-panel .cust-mat-list .el-checkbox__label{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 30px);font-weight:400}.form-panel .cust-mat-list .cm-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-sm);color:var(--text-1)}.form-panel .cust-mat-list .cm-meta{display:inline-flex;gap:6px;flex-shrink:0}.form-panel .cust-mat-list .cm-tag{font-size:11px;padding:1px 6px;border-radius:3px;border:1px solid var(--border-1)}.form-panel .cust-mat-list .cm-ok{color:var(--success);border-color:#10b98140;background:#10b98114}.form-panel .cust-mat-list .cm-busy{color:var(--accent);border-color:#4f46e540;background:#4f46e50f}.form-panel .cust-mat-list .cm-err{color:var(--danger);border-color:#ef444440;background:#ef44440f}.form-panel .cust-mat-list .cm-raw{color:var(--text-3)}.form-panel .oncamera-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--w-2)}.form-panel .oncamera-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--w-3) var(--w-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s;font-family:inherit;position:relative}.form-panel .oncamera-card:hover{border-color:var(--text-3)}.form-panel .oncamera-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.form-panel .oc-emoji{font-size:18px;margin-bottom:2px}.form-panel .oc-label{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--text-1)}.form-panel .oc-desc{font-size:10px;color:var(--text-3);margin-top:1px;line-height:1.3}.form-panel .count-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:var(--w-3)}.form-panel .preset-pill{padding:6px 4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--t-xs);color:var(--text-2);cursor:pointer;transition:all .15s;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:1px}.form-panel .preset-pill:hover{border-color:var(--text-3)}.form-panel .preset-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.form-panel .pill-num{font-size:var(--t-base);font-weight:var(--fw-bold);font-family:ui-monospace,monospace}.count-slider .el-slider__bar{background:var(--accent)}.count-slider .el-slider__button{border-color:var(--accent);width:14px;height:14px}.count-slider .el-slider__runway{height:3px}.count-slider .el-slider__bar{height:3px;border-radius:2px}.count-slider .el-slider__marks-text{font-size:var(--t-xs);color:var(--text-3)}.form-panel .submit-btn{position:relative;width:100%;margin-top:var(--w-4);padding:10px var(--w-4);background:var(--text-1);color:#fff;border:none;border-radius:var(--r-md);font-size:var(--t-base);font-weight:var(--fw-semibold);cursor:pointer;overflow:hidden;transition:all .15s;font-family:inherit;letter-spacing:-.01em}.form-panel .submit-btn:hover:not(:disabled){background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.form-panel .submit-btn:active:not(:disabled){transform:translateY(0)}.form-panel .submit-btn:disabled{opacity:.5;cursor:not-allowed}.form-panel .btn-glow{display:none}.form-panel .btn-content{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--w-2)}.form-panel .btn-icon{font-size:14px}.form-panel .btn-arrow{font-size:13px;transition:transform .15s}.form-panel .submit-btn:hover .btn-arrow{transform:translate(2px)}.form-panel .submit-btn.loading .btn-arrow{animation:spo-spin .9s linear infinite}@keyframes spo-spin{to{transform:rotate(360deg)}}.form-panel .usage-tip{margin-top:var(--w-4);padding:var(--w-3);background:var(--bg-soft);border-radius:var(--r-md);font-size:var(--t-xs);color:var(--text-2);line-height:1.6}.form-panel .usage-tip h4{margin:0 0 4px;font-size:var(--t-xs);color:var(--text-2);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.form-panel .usage-tip ul{margin:0;padding-left:var(--w-3)}.form-panel .usage-tip li{margin:1px 0}.form-panel .usage-tip code{background:var(--bg-hover);padding:1px 4px;border-radius:var(--r-sm);font-family:ui-monospace,monospace;font-size:10px;color:var(--accent)}.tasks-panel{min-width:0}.tasks-panel .tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--w-3);padding:0 2px}.tasks-panel .panel-h2{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;display:flex;align-items:center;gap:var(--w-2);letter-spacing:-.01em}.tasks-panel .task-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;background:var(--bg-hover);color:var(--text-2);border-radius:var(--r-sm);padding:0 6px;font-size:var(--t-xs);font-weight:var(--fw-semibold);font-family:ui-monospace,monospace}.tasks-panel .text-btn{background:transparent;border:none;color:var(--text-2);font-size:var(--t-sm);cursor:pointer;padding:4px var(--w-2);border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:4px;transition:all .15s;font-family:inherit}.tasks-panel .text-btn:hover{background:var(--bg-hover);color:var(--text-1)}.tasks-panel .empty-state{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--r-xl);padding:var(--w-8) var(--w-5);text-align:center;color:var(--text-3)}.tasks-panel .empty-state h3{font-size:var(--t-md);color:var(--text-1);margin:var(--w-3) 0 var(--w-1);font-weight:var(--fw-semibold);letter-spacing:-.01em}.tasks-panel .empty-state p{font-size:var(--t-sm);margin:0;max-width:360px;display:inline-block;line-height:1.6}.tasks-panel .empty-illust{position:relative;width:48px;height:48px;margin:0 auto}.tasks-panel .empty-illust .orb{display:none}.tasks-panel .empty-icon{position:relative;font-size:36px;color:var(--text-4)}.tasks-panel .loading-orb{width:28px;height:28px;margin:0 auto var(--w-2);border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spo-spin .8s linear infinite}.tasks-grid{display:grid;grid-template-columns:1fr;gap:var(--w-2)}@media (min-width: 1440px){.tasks-grid{grid-template-columns:1fr 1fr}}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--w-3) var(--w-4);display:flex;flex-direction:column;gap:var(--w-2);min-width:0;transition:all .15s;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:transparent;transition:all .2s}.hero-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}.hero-card.status-running:before,.hero-card.status-queued:before,.hero-card.status-canceling:before{background:var(--accent)}.hero-card.status-done:before{background:var(--success)}.hero-card.status-failed:before{background:var(--danger)}.hero-card .card-top{display:grid;grid-template-columns:28px 1fr auto;gap:var(--w-2);align-items:center}.hero-card .avatar{width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold);font-size:11px;letter-spacing:-.02em;flex-shrink:0;font-family:-apple-system,SF Pro Display,system-ui,sans-serif}.hero-card .title-block{min-width:0;display:flex;align-items:baseline;gap:var(--w-2);flex-wrap:wrap}.hero-card .task-id-pill{display:inline-block;color:var(--text-3);padding:0;font-size:var(--t-xs);font-family:ui-monospace,monospace;margin-bottom:0;font-weight:var(--fw-medium)}.hero-card .customer-name{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;line-height:1.2;letter-spacing:-.01em;flex-shrink:0}.hero-card .competitors-line{font-size:var(--t-xs);color:var(--text-3);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;flex-basis:100%;margin-top:2px}.hero-card .competitors-line .comp{flex:1;overflow:hidden;text-overflow:ellipsis}.hero-card .competitors-line .vs{color:var(--text-4);font-size:10px;flex-shrink:0}.hero-card .meta-line-grid{font-size:var(--t-xs);color:var(--text-3);display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;flex-basis:100%}.hero-card .status-badge,.detail-meta-grid .status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--w-2);font-size:var(--t-xs);font-weight:var(--fw-medium);border-radius:999px;white-space:nowrap;height:20px}.status-badge .b-dot{width:5px;height:5px;border-radius:50%}.status-badge.s-running,.status-badge.s-queued,.status-badge.s-canceling{background:var(--accent-soft);color:var(--accent)}.status-badge.s-running .b-dot,.status-badge.s-canceling .b-dot{background:var(--accent);animation:spo-blink 1.4s infinite}@keyframes spo-blink{0%,to{opacity:1}50%{opacity:.4}}.status-badge.s-queued .b-dot{background:var(--text-3)}.status-badge.s-done{background:var(--success-soft);color:var(--success)}.status-badge.s-done .b-dot{background:var(--success)}.status-badge.s-failed{background:var(--danger-soft);color:var(--danger)}.status-badge.s-failed .b-dot{background:var(--danger)}.status-badge.s-canceled{background:var(--bg-hover);color:var(--text-2)}.status-badge.s-canceled .b-dot{background:var(--text-3)}.status-badge.s-pending,.status-badge.s-parsing,.status-badge.s-fetching,.status-badge.s-listing,.status-badge.s-transcribing{background:var(--accent-soft);color:var(--accent)}.status-badge.s-pending .b-dot{background:var(--text-3)}.status-badge.s-parsing .b-dot,.status-badge.s-fetching .b-dot,.status-badge.s-listing .b-dot,.status-badge.s-transcribing .b-dot{background:var(--accent);animation:spo-blink 1.4s infinite}.status-badge.s-error{background:var(--danger-soft);color:var(--danger)}.status-badge.s-error .b-dot{background:var(--danger)}.status-badge.s-cancelled{background:var(--bg-hover);color:var(--text-2)}.status-badge.s-cancelled .b-dot,.drawer-row .b-dot.d-pending{background:var(--text-3)}.drawer-row .b-dot.d-parsing,.drawer-row .b-dot.d-fetching,.drawer-row .b-dot.d-listing,.drawer-row .b-dot.d-transcribing{background:var(--accent);animation:spo-blink 1.4s infinite}.drawer-row .b-dot.d-error{background:var(--danger)}.drawer-row .b-dot.d-cancelled{background:var(--text-3)}.drawer-row .dr-status.s-pending,.drawer-row .dr-status.s-parsing,.drawer-row .dr-status.s-fetching,.drawer-row .dr-status.s-listing,.drawer-row .dr-status.s-transcribing{background:var(--accent-soft);color:var(--accent)}.drawer-row .dr-status.s-error{background:var(--danger-soft);color:var(--danger)}.drawer-row .dr-status.s-cancelled{background:var(--bg-hover);color:var(--text-2)}.hero-card .pipeline{background:var(--bg-soft);border-radius:var(--r-md);padding:var(--w-2) var(--w-3)}.hero-card .pipeline-track{height:2px;background:var(--border);border-radius:1px;margin-bottom:var(--w-2);overflow:hidden}.hero-card .pipeline-track .track-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s}.hero-card .pipeline-steps{display:grid;gap:2px;margin-bottom:var(--w-2)}.hero-card .pipeline-steps.cols-4{grid-template-columns:repeat(4,1fr)}.hero-card .pipeline-steps:not(.cols-4){grid-template-columns:repeat(6,1fr)}.hero-card .step{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:var(--text-3);transition:all .2s}.hero-card .step-icon{font-size:11px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;filter:grayscale(60%);opacity:.5;transition:all .2s}.hero-card .step.done .step-icon{border-color:var(--success);background:var(--success-soft);filter:none;opacity:1}.hero-card .step.active .step-icon{border-color:var(--accent);background:var(--accent-soft);filter:none;opacity:1;box-shadow:0 0 0 3px var(--accent-glow)}.hero-card .step.failed .step-icon{border-color:var(--danger);background:var(--danger-soft);filter:none;opacity:1}.hero-card .step.done .step-name,.hero-card .step.active .step-name{color:var(--text-2);font-weight:var(--fw-medium)}.hero-card .step.failed .step-name{color:var(--danger);font-weight:var(--fw-medium)}.hero-card .step-message{display:flex;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--text-2);padding:4px var(--w-2);background:var(--bg-card);border-radius:var(--r-sm);border:1px solid var(--border-light)}.hero-card .step-message .msg-icon{color:var(--accent);animation:spo-spin 1.2s linear infinite;font-size:11px}.hero-card .live-streams{display:flex;flex-direction:column;gap:4px;padding:var(--w-2) var(--w-3);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:var(--r-md)}.hero-card .stream-row{display:grid;grid-template-columns:6px 64px 1fr;gap:var(--w-2);align-items:center;font-size:var(--t-xs)}.hero-card .stream-row .dot{width:6px;height:6px;border-radius:50%;background:var(--text-4)}.hero-card .stream-row .dot.live{background:var(--accent);animation:spo-blink 1s infinite}.hero-card .stream-name{font-weight:var(--fw-medium);color:var(--text-2)}.hero-card .stream-progress{display:flex;align-items:center;gap:var(--w-2)}.hero-card .stream-progress .bar{flex:1;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.hero-card .stream-progress .fill{height:100%;background:var(--accent);border-radius:1px;transition:width .3s}.hero-card .char-count{font-family:ui-monospace,monospace;font-size:10px;color:var(--text-3);min-width:44px;text-align:right}.hero-card .done-summary{background:var(--success-soft);border:1px solid rgba(22,163,74,.15);border-radius:var(--r-md);padding:var(--w-2) var(--w-3)}.hero-card .summary-row{display:flex;align-items:center;gap:var(--w-2)}.hero-card .summary-icon{font-size:12px}.hero-card .summary-text{font-size:var(--t-xs);color:var(--success);font-weight:var(--fw-medium)}.hero-card .summary-meta{font-size:10px;color:var(--text-3);margin-left:18px;margin-top:1px}.hero-card .summary-meta .dot-sep{margin:0 4px;color:var(--text-4)}.hero-card .err-banner{display:flex;align-items:center;gap:var(--w-2);padding:var(--w-2) var(--w-3);background:var(--danger-soft);border:1px solid rgba(220,38,38,.15);color:var(--danger);border-radius:var(--r-md);font-size:var(--t-xs)}.hero-card .card-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--w-2);padding-top:var(--w-2);border-top:1px solid var(--border-light)}.hero-card .time-meta{color:var(--text-3);font-size:10px;font-family:ui-monospace,monospace}.hero-card .actions{display:flex;gap:4px;flex-wrap:wrap}.ghost-btn,.solid-btn{border:1px solid var(--border);border-radius:var(--r-sm);padding:4px var(--w-2);font-size:var(--t-xs);cursor:pointer;font-weight:var(--fw-medium);transition:all .12s;display:inline-flex;align-items:center;gap:3px;font-family:inherit;background:transparent;color:var(--text-2)}.ghost-btn:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong)}.ghost-btn.warn{color:var(--warning);border-color:#d977064d}.ghost-btn.warn:hover{background:var(--warning-soft)}.ghost-btn.danger{color:var(--danger);border-color:transparent}.ghost-btn.danger:hover{background:var(--danger-soft);border-color:#dc262633}.solid-btn{background:var(--text-1);color:#fff;border-color:var(--text-1)}.solid-btn:hover{background:var(--accent);border-color:var(--accent)}.lg{padding:7px var(--w-3);font-size:var(--t-sm)}.elegant-dialog .el-dialog{border-radius:var(--r-xl);overflow:hidden}.elegant-dialog .el-dialog__header{padding:var(--w-4) var(--w-5);border-bottom:1px solid var(--border-light);margin:0}.elegant-dialog .el-dialog__title{font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);letter-spacing:-.01em}.elegant-dialog .el-dialog__body{padding:var(--w-4) var(--w-5)}.detail-body{max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.detail-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:var(--w-3);background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md);padding:var(--w-3) var(--w-4)}@media (max-width: 768px){.detail-meta-grid{grid-template-columns:1fr 1fr}}.detail-meta-grid .meta-item{font-size:var(--t-xs);display:flex;flex-direction:column;gap:2px;padding-right:var(--w-3);border-right:1px solid var(--border-light)}.detail-meta-grid .meta-item:last-child{border-right:none}.detail-meta-grid .meta-item.span-full{grid-column:1 / -1;border-right:none;padding-top:var(--w-2);margin-top:var(--w-2);border-top:1px solid var(--border-light)}.detail-meta-grid .meta-item.err{color:var(--danger);font-size:var(--t-sm)}.detail-meta-grid .meta-item .k{color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-medium)}.detail-meta-grid .meta-item .v{color:var(--text-1);font-weight:var(--fw-medium);font-size:var(--t-sm)}.report-tabs{flex:1;overflow:hidden;display:flex;flex-direction:column}.report-tabs .el-tabs__nav-wrap:after{background:var(--border);height:1px}.report-tabs .el-tabs__active-bar{background:var(--accent);height:2px}.report-tabs .el-tabs__item{font-size:var(--t-sm);padding:0 var(--w-3);height:36px;line-height:36px;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:var(--fw-medium)}.report-tabs .el-tabs__item.is-active{color:var(--accent)}.report-tabs .el-tabs__content{flex:1;overflow:hidden}.report-tabs .el-tab-pane{height:58vh}.tab-live{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--accent);background:var(--accent-soft);padding:1px 5px;border-radius:999px;margin-left:2px;font-weight:var(--fw-medium)}.tab-live .d{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:spo-blink 1s infinite}.md-area{height:58vh;overflow-y:auto;padding:var(--w-4) var(--w-5);background:#fff;border:1px solid var(--border-light);border-radius:var(--r-md);font-size:var(--t-base);line-height:1.7;color:var(--text-1)}.md-area h1{font-size:var(--t-xl);margin-top:1em;font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--text-1)}.md-area h2{font-size:var(--t-lg);margin-top:1.4em;border-left:3px solid var(--accent);padding-left:var(--w-2);font-weight:var(--fw-semibold)}.md-area h3{font-size:var(--t-md);margin-top:1.2em;color:var(--text-2);font-weight:var(--fw-semibold)}.md-area table{border-collapse:collapse;margin:.8em 0;width:100%;font-size:var(--t-sm)}.md-area th,.md-area td{border:1px solid var(--border);padding:6px var(--w-2);text-align:left}.md-area th{background:var(--bg-soft);color:var(--text-1);font-weight:var(--fw-semibold)}.md-area tr:nth-child(2n) td{background:var(--bg-soft)}.md-area code{background:var(--bg-hover);padding:1px 5px;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--accent);font-family:ui-monospace,SF Mono,monospace}.md-area blockquote{border-left:2px solid var(--border);padding:0 var(--w-3);margin:1em 0;color:var(--text-2)}.detail-footer{margin-top:var(--w-3);display:flex;gap:var(--w-2);padding-top:var(--w-3);border-top:1px solid var(--border-light)}.history-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px var(--w-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--t-sm);color:var(--text-2);cursor:pointer;font-family:inherit;font-weight:var(--fw-medium);transition:all .15s;flex-shrink:0}.history-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-1)}.history-toggle .hist-badge{background:var(--bg-hover);color:var(--text-2);padding:0 6px;border-radius:999px;font-size:10px;font-family:ui-monospace,monospace;height:16px;display:inline-flex;align-items:center}.exec-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);min-height:calc(100vh - 130px);max-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden}.exec-active{display:flex;flex-direction:column;flex:1;min-height:0}.exec-active.status-running:after,.exec-active.status-canceling:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:spo-progress-bar 2s linear infinite}@keyframes spo-progress-bar{0%{background-position:-100% 0}to{background-position:100% 0}}.exec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--w-3);padding:var(--w-4) var(--w-5);border-bottom:1px solid var(--border-light)}.exec-head-left{display:flex;gap:var(--w-3);align-items:flex-start;min-width:0}.exec-avatar{width:36px;height:36px;border-radius:var(--r-md);font-size:var(--t-base);flex-shrink:0}.exec-title-block{min-width:0}.exec-title-row{display:flex;align-items:center;gap:var(--w-2);margin-bottom:4px;flex-wrap:wrap}.exec-customer{font-size:var(--t-xl);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;letter-spacing:-.02em;line-height:1.2}.exec-subline{display:flex;align-items:center;gap:var(--w-2);font-size:var(--t-xs);color:var(--text-3);flex-wrap:wrap}.exec-subline .vs,.exec-subline .dot-sep{color:var(--text-4)}.exec-head-actions{display:flex;gap:var(--w-2);flex-shrink:0}.exec-pipeline{padding:var(--w-3) var(--w-5) var(--w-3);border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.exec-pipeline .pipeline-track{height:3px;background:var(--border);border-radius:2px;margin-bottom:var(--w-3);overflow:hidden}.exec-pipeline .pipeline-track .track-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s}.exec-pipeline .pipeline-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--w-1);margin-bottom:var(--w-2)}.exec-pipeline .step{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--text-3)}.exec-pipeline .step-icon{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;filter:grayscale(60%);opacity:.5;transition:all .2s}.exec-pipeline .step.done .step-icon{border-color:var(--success);background:var(--success-soft);filter:none;opacity:1}.exec-pipeline .step.active .step-icon{border-color:var(--accent);background:var(--accent-soft);filter:none;opacity:1;box-shadow:0 0 0 4px var(--accent-glow)}.exec-pipeline .step.failed .step-icon{border-color:var(--danger);background:var(--danger-soft);filter:none;opacity:1}.exec-pipeline .step.done .step-name,.exec-pipeline .step.active .step-name{color:var(--text-2);font-weight:var(--fw-medium)}.exec-pipeline .step.failed .step-name{color:var(--danger);font-weight:var(--fw-medium)}.exec-pipeline .step-message{display:flex;align-items:center;gap:var(--w-2);font-size:var(--t-sm);color:var(--text-2);padding:6px var(--w-3);background:var(--bg-card);border-radius:var(--r-sm);border:1px solid var(--border-light)}.exec-pipeline .step-message .msg-icon{color:var(--accent);animation:spo-spin 1.2s linear infinite;font-size:13px}.exec-tabs{flex:1;display:flex;flex-direction:column;min-height:0}.exec-tabs .el-tabs__header{margin:0;padding:0 var(--w-5);border-bottom:1px solid var(--border-light)}.exec-tabs .el-tabs__nav-wrap:after{display:none}.exec-tabs .el-tabs__active-bar{background:var(--accent);height:2px}.exec-tabs .el-tabs__item{font-size:var(--t-sm);font-weight:var(--fw-medium);height:38px;line-height:38px;padding:0 var(--w-3);color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.exec-tabs .el-tabs__item.is-active{color:var(--accent)}.exec-tabs .el-tabs__content{flex:1;overflow:hidden;display:flex;min-height:0}.exec-tabs .el-tabs__content>*{flex:1;display:flex;min-height:0}.exec-tabs .el-tab-pane{flex:1;display:flex;min-height:0}.tab-len{font-family:ui-monospace,monospace;font-size:10px;color:var(--text-3);background:var(--bg-soft);padding:1px 5px;border-radius:var(--r-sm)}.exec-md{flex:1;min-height:0;overflow-y:auto;border:none!important;border-radius:0!important;background:var(--bg-card);padding:var(--w-5) var(--w-6);scrollbar-width:thin}.exec-md::-webkit-scrollbar{width:6px}.exec-md::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.exec-md::-webkit-scrollbar-track{background:transparent}.md-empty{text-align:center;padding:var(--w-8) var(--w-5);color:var(--text-3)}.md-empty p{font-size:var(--t-md);color:var(--text-2);margin:0 0 4px;font-weight:var(--fw-medium)}.md-empty span{font-size:var(--t-xs);color:var(--text-3)}.exec-foot{padding:var(--w-3) var(--w-5);border-top:1px solid var(--border-light);display:flex;gap:var(--w-2);background:var(--bg-soft)}.exec-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--w-8);text-align:center;gap:var(--w-3)}.exec-empty .empty-illust{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:50%;margin-bottom:var(--w-2)}.exec-empty .empty-icon{font-size:32px;color:var(--text-4)}.exec-empty h3{font-size:var(--t-lg);font-weight:var(--fw-semibold);color:var(--text-1);margin:0;letter-spacing:-.01em}.exec-empty p{font-size:var(--t-sm);color:var(--text-3);margin:0;max-width:360px;line-height:1.6}.history-drawer .el-drawer__header{display:none}.history-drawer .el-drawer__body{padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-1)}.drawer-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--w-3);padding:var(--w-4) var(--w-5);background:var(--bg-1);border-bottom:1px solid var(--border-light)}.drawer-header-left{display:flex;align-items:baseline;gap:var(--w-3);min-width:0}.drawer-header h2{margin:0;font-size:var(--t-md);font-weight:var(--fw-semibold);color:var(--text-1);letter-spacing:.01em}.drawer-count{font-size:var(--t-xs);color:var(--text-3);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.drawer-header-actions{display:flex;align-items:center;gap:4px}.drawer-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:7px;color:var(--text-3);cursor:pointer;transition:background .13s ease,color .13s ease}.drawer-icon-btn:hover{background:var(--bg-soft);color:var(--text-1)}.drawer-toolbar{display:flex;align-items:center;gap:var(--w-2);padding:var(--w-3) var(--w-5);border-bottom:1px solid var(--border-light);background:var(--bg-1)}.drawer-filter-pills{display:inline-flex;align-items:stretch;gap:0;background:var(--bg-soft);padding:3px;border-radius:8px;flex-shrink:0}.drawer-filter-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:transparent;border:none;border-radius:6px;font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--text-3);cursor:pointer;transition:background .13s ease,color .13s ease;white-space:nowrap}.drawer-filter-pill:hover{color:var(--text-1)}.drawer-filter-pill.active{background:var(--bg-1);color:var(--text-1);box-shadow:0 1px 2px #0f172a0f}.drawer-filter-pill .pill-cnt{font-size:10.5px;font-weight:var(--fw-semibold);color:var(--text-3);background:#0f172a0f;padding:1px 6px;border-radius:999px;font-variant-numeric:tabular-nums}.drawer-filter-pill.active .pill-cnt{background:var(--accent-soft);color:var(--accent)}.drawer-search{flex:1;min-width:0}.drawer-search .el-input__wrapper{background:var(--bg-soft);box-shadow:none!important;border:1px solid transparent;border-radius:7px;transition:border-color .13s ease}.drawer-search .el-input__wrapper:hover{border-color:var(--border)}.drawer-search .el-input__wrapper.is-focus{border-color:var(--accent);background:var(--bg-1)}.drawer-scroll{flex:1;overflow-y:auto;background:var(--bg-1)}.drawer-scroll::-webkit-scrollbar{width:5px}.drawer-scroll::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:99px}.drawer-scroll::-webkit-scrollbar-track{background:transparent}.drawer-group-head{position:sticky;top:0;z-index:2;padding:var(--w-3) var(--w-5) 6px;background:var(--bg-1);font-size:11px;font-weight:var(--fw-semibold);color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.drawer-list{display:flex;flex-direction:column}.drawer-row{display:flex;flex-direction:column;gap:8px;padding:14px var(--w-5);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .13s ease;position:relative}.drawer-row:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:transparent;transition:background .13s ease}.drawer-row:hover{background:var(--bg-soft)}.drawer-row.active{background:var(--accent-soft)}.drawer-row.active:before{background:var(--accent)}.drawer-row.status-running:before,.drawer-row.status-queued:before,.drawer-row.status-canceling:before,.drawer-row.status-parsing:before,.drawer-row.status-fetching:before,.drawer-row.status-transcribing:before{background:var(--accent);opacity:.55}.drawer-row.status-done:before{background:var(--success);opacity:.55}.drawer-row.status-failed:before,.drawer-row.status-error:before{background:var(--danger);opacity:.55}.drawer-row .dr-line1{display:flex;align-items:center;gap:var(--w-2);min-width:0}.dr-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;font-size:10.5px;font-weight:var(--fw-semibold);letter-spacing:.02em;flex-shrink:0;white-space:nowrap}.dr-badge .b-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.dr-badge.b-running,.dr-badge.b-queued,.dr-badge.b-canceling,.dr-badge.b-parsing,.dr-badge.b-fetching,.dr-badge.b-listing,.dr-badge.b-transcribing,.dr-badge.b-pending{background:var(--accent-soft);color:var(--accent)}.dr-badge.b-running .b-dot,.dr-badge.b-canceling .b-dot,.dr-badge.b-parsing .b-dot,.dr-badge.b-fetching .b-dot,.dr-badge.b-listing .b-dot,.dr-badge.b-transcribing .b-dot{animation:spo-blink 1.4s infinite;box-shadow:0 0 0 0 currentColor;animation-name:spo-pulse-ring}.dr-badge.b-done{background:var(--success-soft);color:var(--success)}.dr-badge.b-failed,.dr-badge.b-error{background:var(--danger-soft);color:var(--danger)}.dr-badge.b-canceled,.dr-badge.b-cancelled{background:var(--bg-hover);color:var(--text-2)}@keyframes spo-pulse-ring{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 5px transparent;opacity:.45}to{box-shadow:0 0 0 0 transparent;opacity:1}}.dr-id{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;color:var(--text-3);background:var(--bg-soft);padding:2px 7px;border-radius:5px;font-variant-numeric:tabular-nums;flex-shrink:0}.dr-name{font-size:var(--t-sm);font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.dr-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:var(--fw-medium);white-space:nowrap;flex-shrink:0;border:1px solid transparent}.dr-chip.c-type{background:#6366f114;color:var(--accent);border-color:#6366f138}.dr-chip.c-type-plan{background:#8b5cf614;color:#7c3aed;border-color:#8b5cf638}.dr-chip.c-creator{background:var(--bg-soft);color:var(--text-3);border-color:var(--border-light);font-weight:var(--fw-medium)}.dr-chip.c-creator:before{content:"@";margin-right:1px;opacity:.7}.drawer-row .dr-line2{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dr-line2 .sep{color:var(--text-4, #cbd5e1)}.dr-progress{flex:1;min-width:120px;display:flex;align-items:center;gap:8px}.dr-progress-track{flex:1;height:3px;background:var(--border-light);border-radius:999px;overflow:hidden;min-width:60px}.dr-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-deep, var(--accent)));border-radius:999px;transition:width .4s ease}.dr-progress-step{font-size:10.5px;color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:.03em}.dr-err-msg{font-size:11.5px;color:var(--danger);background:var(--danger-soft);padding:4px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--danger) 18%,transparent);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-row .dr-line3{display:flex;align-items:center;justify-content:space-between;gap:8px}.dr-time{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:inline-flex;align-items:center;gap:6px}.dr-time .sep{color:var(--text-4, #cbd5e1)}.dr-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.dr-act{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 11px;border-radius:6px;font-size:11.5px;font-weight:var(--fw-medium);cursor:pointer;transition:all .13s ease;border:1px solid var(--border);background:var(--bg-1);color:var(--text-2);white-space:nowrap}.dr-act:hover{background:var(--bg-soft);border-color:var(--text-3);color:var(--text-1)}.dr-act.primary{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.dr-act.primary:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.dr-act.icon{padding:0 7px}.dr-act.danger{color:var(--text-3);border-color:var(--border-light)}.dr-act.danger:hover{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;gap:12px;color:var(--text-3)}.drawer-empty-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--text-3);font-size:24px;margin-bottom:4px}.drawer-empty-title{font-size:14px;font-weight:var(--fw-semibold);color:var(--text-2);margin:0}.drawer-empty-sub{font-size:12.5px;color:var(--text-3);margin:0;max-width:280px;line-height:1.55}.empty-state.mini{padding:64px 24px;border:none;background:transparent;text-align:center}.empty-state.mini p{color:var(--text-3);font-size:var(--t-sm)}[data-theme=dark]{--accent: #818cf8;--accent-deep: #6366f1;--accent-soft: rgba(129, 140, 248, .15);--accent-glow: rgba(129, 140, 248, .18);--success: #4ade80;--success-soft: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .1);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .1);--text-1: #f5f7ff;--text-2: #d8dcec;--text-3: #9aa1c1;--text-4: #6e7595;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .14);--bg-page: #0a0c1e;--bg-card: #131527;--bg-soft: #1a1d35;--bg-hover: #1e2138;--bg-1: var(--bg-card);--bg-2: var(--bg-soft);--border-1: var(--border);--radius: 14px;--sh-sm: 0 1px 2px rgba(0, 0, 0, .4);--sh-md: 0 1px 3px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--sh-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 12px 32px -8px rgba(0, 0, 0, .6)}:root{--bg-1: var(--bg-card);--bg-2: var(--bg-soft);--border-1: var(--border);--radius: 14px}html,body{background:var(--bg-page);color:var(--text-1);transition:background-color .25s ease,color .25s ease}.sp-page{max-width:1280px;margin:0 auto;padding:16px 8px 40px}.sp-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4px;margin-bottom:16px;border-bottom:1px solid var(--spo-border-soft)}.sp-kpi-row{display:flex;align-items:center;gap:22px;flex:1;min-width:0}.kpi{display:flex;flex-direction:column;gap:3px;min-width:60px}.kpi-num{font-size:22px;font-weight:700;color:var(--spo-text-1);line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum"}.kpi-u{font-size:12px;font-weight:500;color:var(--spo-text-3);margin-left:2px}.kpi-lbl{font-size:11px;color:var(--spo-text-4);letter-spacing:.02em}.kpi-divider{width:1px;height:24px;background:var(--spo-border)}.sp-topbar-actions{display:flex;align-items:center;gap:8px}.sp-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--spo-text-1);color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.sp-btn-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f172a33}.sp-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.sp-btn-primary.lg{padding:11px 22px;font-size:14px}.sp-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--spo-bg-card);color:var(--spo-text-2);border:1px solid var(--spo-border);border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s}.sp-btn-ghost:hover{background:var(--spo-bg-soft);border-color:var(--spo-border-strong);color:var(--spo-text-1)}.sp-btn-ghost.warn{color:var(--spo-warning-fg);border-color:var(--spo-warning-soft)}.sp-btn-ghost.warn:hover{background:var(--spo-warning-soft)}.sp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:8px;color:var(--spo-text-3);cursor:pointer;transition:all .15s}.sp-btn-icon:hover{border-color:var(--spo-text-1);color:var(--spo-text-1)}.ico-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--spo-text-4);cursor:pointer;transition:all .12s;font-size:13px}.ico-btn:hover{background:var(--spo-bg-soft);border-color:var(--spo-border);color:var(--spo-text-1)}.ico-btn.warn:hover{background:var(--spo-warning-soft);color:var(--spo-warning-fg);border-color:var(--spo-warning-soft)}.ico-btn.danger:hover{background:var(--spo-danger-soft);color:var(--spo-danger-fg);border-color:var(--spo-danger-soft)}.ico-btn.lg{width:36px;height:36px}.ico-btn.xs{width:22px;height:22px}.ico-btn:disabled{opacity:.3;cursor:not-allowed}.sp-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:0 4px}.sp-filter-pills{display:flex;gap:4px;flex:1}.sp-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:0;border-radius:6px;font-size:13px;color:var(--spo-text-3);cursor:pointer;transition:all .12s}.sp-pill:hover{background:var(--spo-bg-soft);color:var(--spo-text-1)}.sp-pill.active{background:var(--spo-text-1);color:#fff}.sp-pill.active .sp-pill-cnt{background:#fff3;color:#fff}.sp-pill-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 6px;background:var(--spo-bg-soft);border-radius:999px;font-size:11px;font-weight:500;color:var(--spo-text-4)}.sp-search{width:280px!important}.sp-list{display:flex;flex-direction:column;gap:8px}.sp-row{position:relative;display:grid;grid-template-columns:4px 56px minmax(0,1.4fr) minmax(0,1.2fr) auto auto;gap:14px;align-items:center;padding:14px 16px 14px 0;background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:10px;cursor:pointer;transition:all .15s;overflow:hidden}.sp-row:hover{border-color:var(--spo-text-1);box-shadow:0 4px 12px -4px #0f172a1a;transform:translateY(-1px)}.sp-row-bar{height:100%;background:var(--spo-border)}.sp-row.r-running .sp-row-bar{background:var(--spo-primary);animation:pulse 2s ease-in-out infinite}.sp-row.r-queued .sp-row-bar{background:var(--spo-text-5)}.sp-row.r-done .sp-row-bar{background:var(--spo-success)}.sp-row.r-failed .sp-row-bar{background:var(--spo-danger)}.sp-row.r-canceled .sp-row-bar{background:var(--spo-text-5);opacity:.5}.sp-row.r-canceling .sp-row-bar{background:var(--spo-warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sp-row-id{font-size:13px;color:var(--spo-text-4);font-feature-settings:"tnum";font-weight:500;text-align:right}.sp-row-main{min-width:0}.sp-row-title{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.sp-name{font-size:14px;font-weight:600;color:var(--spo-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-author{font-size:11px;color:var(--spo-text-5);padding:1px 6px;background:var(--spo-bg-soft);border-radius:4px;flex-shrink:0}.sp-row-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--spo-text-4)}.sp-sub-item{display:inline-flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sp-sub-item .el-icon{font-size:11px;opacity:.7}.sp-sub-vs{font-size:10px;font-weight:600;color:var(--spo-text-5);padding:0 2px}.sp-sub-meta{color:var(--spo-text-5)}.sp-row-progress{min-width:0}.sp-prog-block{display:flex;flex-direction:column;gap:4px}.sp-prog-text{font-size:11px;color:var(--spo-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-prog-track{height:3px;background:var(--spo-bg-soft);border-radius:999px;overflow:hidden}.sp-prog-fill{height:100%;background:var(--spo-primary);transition:width .4s}.sp-prog-step{font-size:10px;color:var(--spo-text-5);font-feature-settings:"tnum"}.sp-err{font-size:11px;color:var(--spo-danger-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;background:var(--spo-danger-soft);border-radius:4px}.sp-done-meta{font-size:11px;color:var(--spo-text-4);display:inline-flex;align-items:center;gap:4px}.sp-done-meta:before{content:"⏱";opacity:.6}.sp-row-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.sp-badge .dot{width:5px;height:5px;border-radius:50%}.sp-badge.lg{padding:4px 10px;font-size:12px}.sp-badge.lg .dot{width:6px;height:6px}.sp-badge.b-running{background:var(--spo-primary-soft);color:var(--spo-primary-fg)}.sp-badge.b-running .dot{background:var(--spo-primary);animation:pulse 1.5s infinite}.sp-badge.b-queued{background:var(--spo-bg-soft);color:var(--spo-text-3)}.sp-badge.b-queued .dot{background:var(--spo-text-5)}.sp-badge.b-done{background:var(--spo-success-soft);color:var(--spo-success-fg)}.sp-badge.b-done .dot{background:var(--spo-success)}.sp-badge.b-failed{background:var(--spo-danger-soft);color:var(--spo-danger-fg)}.sp-badge.b-failed .dot{background:var(--spo-danger)}.sp-badge.b-canceled{background:var(--spo-bg-soft);color:var(--spo-text-4)}.sp-badge.b-canceled .dot{background:var(--spo-text-5)}.sp-badge.b-canceling{background:var(--spo-warning-soft);color:var(--spo-warning-fg)}.sp-badge.b-canceling .dot{background:var(--spo-warning);animation:pulse 1.5s infinite}.sp-time{font-size:11px;color:var(--spo-text-5);font-feature-settings:"tnum"}.sp-row-actions{display:flex;gap:2px;opacity:.55;transition:opacity .15s}.sp-row:hover .sp-row-actions{opacity:1}.sp-row-actions .ico-btn{color:var(--spo-text-4)}.sp-row:hover .sp-row-actions .ico-btn{color:var(--spo-text-2)}.sp-btn-ghost .hist-badge,.sp-btn-primary .hist-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 6px;background:var(--spo-bg-soft);color:var(--spo-text-3);border-radius:999px;font-size:10px;font-weight:600;font-feature-settings:"tnum";margin-left:2px}.sp-btn-primary .hist-badge{background:#fff3;color:#fff}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:var(--spo-bg-card);border:1px dashed var(--spo-border);border-radius:16px;text-align:center}.sp-empty.mini{padding:40px 20px;border:0;background:transparent}.sp-empty-illust{width:80px;height:80px;position:relative;margin-bottom:24px}.sp-empty-illust .orb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--spo-primary),#a855f7,#ec4899,var(--spo-primary));animation:spin 6s linear infinite;opacity:.85;filter:blur(4px)}.sp-empty-illust:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--spo-bg-card)}@keyframes spin{to{transform:rotate(360deg)}}.sp-empty h2{font-size:22px;font-weight:700;color:var(--spo-text-1);margin:0 0 8px;letter-spacing:-.02em}.sp-empty p{font-size:14px;color:var(--spo-text-3);margin:0 0 24px;max-width:480px;line-height:1.6}.sp-link{background:transparent;border:0;color:var(--spo-primary);cursor:pointer;font-size:13px;padding:0}.sp-link:hover{text-decoration:underline}.sp-drawer .el-drawer__header{display:none}.sp-drawer .el-drawer__body{padding:0;display:flex;flex-direction:column;height:100%}.dr-head{display:flex;align-items:flex-start;gap:16px;padding:24px 28px 18px;border-bottom:1px solid var(--spo-border-soft);flex-shrink:0}.dr-head h2{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--spo-text-1);letter-spacing:-.01em}.dr-head p{margin:0;font-size:13px;color:var(--spo-text-4)}.dr-head>:first-child{flex:1;min-width:0}.dr-head-meta{flex:1;min-width:0}.dr-id-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.dr-id{font-size:13px;font-weight:600;color:var(--spo-text-4);font-feature-settings:"tnum"}.dr-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--spo-text-3)}.dr-sub .vs{color:var(--spo-text-5);font-size:11px;font-weight:600}.dr-sub .sep{color:var(--spo-text-5)}.dr-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dr-body{flex:1;overflow-y:auto;padding:24px 28px}.dr-body.noscroll{padding:20px 28px}.dr-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid var(--spo-border-soft);background:var(--spo-bg-soft);flex-shrink:0}.form-grp+.form-grp{margin-top:24px;padding-top:24px;border-top:1px solid var(--spo-border-soft)}.grp-title{font-size:11px;font-weight:600;color:var(--spo-text-4);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--spo-text-2);margin-bottom:6px}.req{color:var(--spo-danger);font-size:13px}.field-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 768px){.field-2col{grid-template-columns:1fr}}.src-tabs .el-tabs__nav-wrap:after{background:var(--spo-border-soft)!important}.src-tabs .el-tabs__item{font-size:13px}.src-tag{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:500;margin-left:auto}.st-default{background:var(--spo-success-soft);color:var(--spo-success-fg)}.st-modified{background:var(--spo-warning-soft);color:var(--spo-warning-fg)}.st-manual{background:var(--spo-info-soft);color:var(--spo-info-fg)}.st-empty{background:var(--spo-bg-soft);color:var(--spo-text-4)}.hint{margin:6px 0 0;font-size:12px}.hint.warn{color:var(--spo-warning-fg)}.muted{color:var(--spo-text-5);font-weight:400}.link{color:var(--spo-primary);cursor:pointer;font-size:12px}.link:hover{text-decoration:underline}.link.mini{font-size:11px;margin-top:6px;display:inline-block}.dot{color:var(--spo-text-5);margin:0 6px}.mat-box{margin-top:10px;padding:12px;background:var(--spo-bg-soft);border-radius:8px}.mat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--spo-text-3)}.mat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.mat-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--spo-bg-card);border-radius:6px;font-size:12px}.m-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-size{color:var(--spo-text-5);font-feature-settings:"tnum"}.m-tag{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:500}.m-ok{background:var(--spo-success-soft);color:var(--spo-success-fg)}.m-busy,.m-pending,.m-uploading,.m-parsing{background:var(--spo-info-soft);color:var(--spo-info-fg)}.m-err,.m-error{background:var(--spo-danger-soft);color:var(--spo-danger-fg)}.m-raw{background:var(--spo-bg-soft);color:var(--spo-text-4)}.f-ico{color:var(--spo-text-4);flex-shrink:0}.up-icon{font-size:32px;color:var(--spo-text-5);margin-bottom:8px}.up-main{font-size:13px;color:var(--spo-text-2)}.up-sub{font-size:11px;color:var(--spo-text-5);margin-top:4px}.cnt-presets{display:flex;gap:6px}.cnt-pill{flex:1;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--spo-bg-card);border:1px solid var(--spo-border);border-radius:8px;cursor:pointer;font-size:13px;color:var(--spo-text-3);transition:all .12s}.cnt-pill:hover{border-color:var(--spo-text-1)}.cnt-pill b{font-size:13px;font-weight:700;color:var(--spo-text-1);font-feature-settings:"tnum"}.cnt-pill.active{background:var(--spo-text-1);border-color:var(--spo-text-1);color:#fff}.cnt-pill.active b{color:#fff}.pipeline{background:var(--spo-bg-soft);padding:20px;border-radius:12px;margin-bottom:16px}.pp-track{height:3px;background:var(--spo-bg-card);border-radius:999px;margin-bottom:16px;overflow:hidden}.pp-fill{height:100%;background:linear-gradient(90deg,var(--spo-primary),#a855f7);transition:width .5s}.pp-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pp-step{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;opacity:.4;transition:all .2s}.pp-step.done,.pp-step.active{opacity:1}.pp-step.active .pp-icon{animation:bounce 1.5s ease-in-out infinite}.pp-step.failed .pp-icon{background:var(--spo-danger-soft);color:var(--spo-danger-fg)}.pp-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--spo-bg-card);border-radius:50%;font-size:14px}.pp-step.done .pp-icon{background:var(--spo-success-soft)}.pp-step.active .pp-icon{background:var(--spo-primary-soft)}.pp-name{font-size:11px;color:var(--spo-text-4)}.pp-step.active .pp-name{color:var(--spo-primary);font-weight:500}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pp-msg{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;background:var(--spo-primary-soft);border-radius:8px;font-size:12px;color:var(--spo-primary-fg)}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.err-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--spo-danger-soft);border:1px solid var(--spo-danger);color:var(--spo-danger-fg);border-radius:8px;font-size:13px;margin-bottom:16px}.report-tabs .el-tabs__nav-wrap:after{background:var(--spo-border-soft)!important}.report-tabs .el-tabs__item{font-size:13px;font-weight:500}.report-tabs .el-tabs__item.is-active{color:var(--spo-text-1)!important;font-weight:600}.report-tabs .el-tabs__active-bar{background:var(--spo-text-1)!important;height:2px}.live{display:inline-flex;align-items:center;gap:3px;margin-left:4px;font-size:10px;color:var(--spo-primary)}.live .d{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--spo-primary);animation:pulse 1.2s infinite}.len{margin-left:4px;font-size:10px;color:var(--spo-text-5);font-feature-settings:"tnum"}.md-area{font-size:13.5px;line-height:1.75;color:var(--spo-text-2);padding:16px 0;min-height:300px}.md-area.is-streaming:after{content:"▊";display:inline-block;margin-left:2px;color:var(--spo-primary, #6366f1);font-weight:400;animation:spo-stream-cursor 1s steps(2) infinite}@keyframes spo-stream-cursor{0%,to{opacity:1}50%{opacity:0}}.dr-body .md-area,.sp-drawer .md-area{height:auto!important;max-height:none!important;overflow:visible!important;border:none!important;background:transparent!important}.dr-body .report-tabs{flex:none!important;display:block!important;overflow:visible!important}.dr-body .report-tabs .el-tabs__content{flex:none!important;overflow:visible!important}.dr-body .report-tabs .el-tab-pane{height:auto!important;overflow:visible!important}.dr-body .report-tabs .el-tabs__header{position:sticky;top:0;z-index:3;margin-bottom:0;padding-top:4px;background:var(--spo-bg-card);border-bottom:1px solid var(--spo-border-soft)}.md-area h1,.md-area h2,.md-area h3{color:var(--spo-text-1);font-weight:700;margin:24px 0 10px;letter-spacing:-.01em}.md-area h1{font-size:20px}.md-area h2{font-size:17px}.md-area h3{font-size:15px}.md-area p{margin:8px 0}.md-area ul,.md-area ol{padding-left:24px}.md-area li{margin:4px 0}.md-area table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.md-area th,.md-area td{padding:8px 12px;border:1px solid var(--spo-border-soft);text-align:left}.md-area th{background:var(--spo-bg-soft);font-weight:600;color:var(--spo-text-2)}.md-area blockquote{border-left:3px solid var(--spo-primary);background:var(--spo-bg-soft);padding:12px 16px;margin:12px 0;border-radius:0 6px 6px 0;color:var(--spo-text-2)}.md-area code{background:var(--spo-bg-soft);padding:2px 6px;border-radius:3px;font-family:ui-monospace,monospace;font-size:12px}.md-area .md-empty{text-align:center;padding:60px 20px;color:var(--spo-text-5)}.md-area .md-empty p{font-size:14px;margin-bottom:4px;color:var(--spo-text-4)}.md-area .md-empty span{font-size:12px}[data-theme=dark] .sp-row{background:var(--spo-bg-card)}[data-theme=dark] .sp-row:hover{border-color:var(--spo-primary)}[data-theme=dark] .sp-empty-illust:after{background:var(--spo-bg-card)}[data-theme=dark] .sp-btn-primary{background:var(--spo-primary)}[data-theme=dark] .sp-btn-primary:hover{background:var(--spo-primary-hover)}[data-theme=dark] .sp-pill.active{background:var(--spo-primary)}[data-theme=dark] .cnt-pill.active{background:var(--spo-primary);border-color:var(--spo-primary)}@media (max-width: 900px){.sp-row{grid-template-columns:4px auto 1fr auto;gap:10px}.sp-row-id{display:none}.sp-row-progress{grid-column:2 / -1;grid-row:2}.sp-row-status{grid-column:3;grid-row:1}.sp-row-actions{grid-column:4;grid-row:1;opacity:1}.sp-search{width:180px!important}}.spo-select-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;line-height:1.4;min-width:0}.spo-select-opt .opt-name{font-size:13px;color:var(--spo-text-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.spo-select-opt .opt-meta,.opt-meta{font-size:11px;color:var(--spo-text-5);flex-shrink:0;font-feature-settings:"tnum";font-weight:400}.el-select-dropdown__item.is-selected .spo-select-opt .opt-name{color:var(--spo-primary-fg);font-weight:600}.el-select-dropdown__item.is-selected .spo-select-opt .opt-meta{color:var(--spo-primary-fg);opacity:.7}.spo-select-opt .opt-id{font-size:11px;color:var(--spo-text-5);font-feature-settings:"tnum";font-weight:500;margin-right:4px;flex-shrink:0}.spo-select-opt .opt-tag{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--spo-bg-soft);color:var(--spo-text-4);font-weight:500;flex-shrink:0}.spo-hint,.hint-box,.hint-warn,p.hint.warn,p.hint{position:relative;display:block;padding:10px 14px 10px 18px;margin:0;border-radius:6px;font-size:12px;line-height:1.65;background:var(--spo-info-soft);color:var(--spo-info-fg);border:1px solid color-mix(in srgb,var(--spo-info) 18%,transparent)}.spo-hint:before,.hint-box:before,.hint-warn:before,p.hint.warn:before,p.hint:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--spo-info)}.spo-hint.warn,.hint-warn,p.hint.warn{background:var(--spo-warning-soft);color:var(--spo-warning-fg);border-color:color-mix(in srgb,var(--spo-warning) 18%,transparent)}.spo-hint.warn:before,.hint-warn:before,p.hint.warn:before{background:var(--spo-warning)}.spo-hint.error{background:var(--spo-danger-soft);color:var(--spo-danger-fg);border-color:color-mix(in srgb,var(--spo-danger) 18%,transparent)}.spo-hint.error:before{background:var(--spo-danger)}.spo-hint.ok{background:var(--spo-success-soft);color:var(--spo-success-fg);border-color:color-mix(in srgb,var(--spo-success) 18%,transparent)}.spo-hint.ok:before{background:var(--spo-success)}.spo-hint .hint-title,.hint-box strong:first-child{display:block;font-weight:600;margin-bottom:2px;color:inherit}.spo-hint code,.hint-box code{background:color-mix(in srgb,currentColor 8%,transparent);padding:1px 5px;border-radius:3px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:500}.spo-hint strong,.hint-box strong{font-weight:600;color:inherit}.field .spo-hint,.field .hint-box,.field .hint-warn,.field p.hint{margin-top:8px}