:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-soft:#f1f3f5;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-accent:#111827;--color-accent-contrast:#fff;--color-soft-blue:#dbeafe;--color-soft-violet:#ddd6fe;--color-soft-gray:#f3f4f6;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-success:#15803d;--color-success-soft:#f0fdf4;--color-warning:#a16207;--color-warning-soft:#fefce8;--color-danger:#b91c1c;--color-danger-soft:#fef2f2;--color-focus:#2563eb;--color-row-hover:#f8fafc;--color-row-selected:#eff6ff;--color-chart-1:#2563eb;--color-chart-2:#7c3aed;--color-chart-3:#0f766e;--color-chart-4:#c2410c;--color-chart-5:#64748b;--color-chart-grid:#e5e7eb;--gradient-page:var(--color-bg);--gradient-card:linear-gradient(135deg, #fffffffa, #f7f9fcf0);--gradient-accent:linear-gradient(135deg, #dbeafe 0%, #ddd6fe 100%);--radius-card:24px;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:28px;--line-height-normal:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-card:0 1px 2px #1118270a, 0 8px 20px #1118270f, 0 24px 48px #1118270d;--shadow-card-hover:0 2px 4px #1118270f, 0 14px 28px #1118271a, 0 30px 64px #11182714;--shadow-overlay:0 16px 48px #1118271f;--duration-fast:.16s;--duration-base:.22s;--ease-standard:cubic-bezier(.2, .7, .2, 1);--sidebar-width:240px;--topbar-height:64px;--content-max:1440px;--page-gutter:32px;--card-padding:24px;--control-height:40px;--control-height-large:44px;--table-row-height:52px;--table-row-height-compact:44px;--chart-height:280px}[data-theme=dark],.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111827;--color-surface:#1f2937;--color-surface-soft:#182233;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-border:#374151;--color-accent:#f9fafb;--color-accent-contrast:#111827;--color-soft-blue:#1e3a5f;--color-soft-violet:#3b2f59;--color-soft-gray:#273244;--color-info:#93c5fd;--color-info-soft:#1d3452;--color-success:#86efac;--color-success-soft:#173a30;--color-warning:#fde68a;--color-warning-soft:#44361f;--color-danger:#fca5a5;--color-danger-soft:#482a31;--color-focus:#93c5fd;--color-row-hover:#263345;--color-row-selected:#1d3452;--color-chart-1:#93c5fd;--color-chart-2:#c4b5fd;--color-chart-3:#5eead4;--color-chart-4:#fdba74;--color-chart-5:#cbd5e1;--color-chart-grid:#374151;--gradient-page:var(--color-bg);--gradient-card:linear-gradient(135deg, #1f2937fa, #182233f5);--gradient-accent:linear-gradient(135deg, #1e3a5f 0%, #3b2f59 100%);--shadow-card:0 1px 2px #0003, 0 10px 24px #00000038, 0 28px 60px #0000002e;--shadow-card-hover:0 2px 4px #0000003d, 0 16px 34px #0000004d, 0 34px 72px #0000003d;--shadow-overlay:0 16px 48px #00000052}.ds-card{background:var(--gradient-card);border:1px solid color-mix(in srgb, var(--color-border) 78%, white);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);position:relative}.ds-control{min-height:var(--control-height);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:12px;padding:0 14px;box-shadow:inset 0 1px 2px #11182708,0 1px 2px #11182708}.ds-control:hover{border-color:color-mix(in srgb, var(--color-border) 55%, var(--color-soft-blue))}.ds-control:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 18%, transparent), inset 0 1px 2px #11182708;outline:0}select.ds-control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;min-width:132px;padding-right:38px}.ds-button{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;padding:0 16px;font-weight:600}.ds-button--primary{background:var(--gradient-accent);color:var(--color-accent-contrast);border-color:#0000;box-shadow:0 5px 14px #2563eb2e,inset 0 1px #ffffff47}.ds-button--primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2563eb3d,inset 0 1px #ffffff4d}.ds-control:focus-visible,.ds-button:focus-visible,.ds-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ds-badge{border-radius:var(--radius-pill);min-height:24px;font-size:var(--font-size-xs);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.ds-badge--success{color:var(--color-success);background:var(--color-success-soft)}.ds-badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.ds-badge--danger{color:var(--color-danger);background:var(--color-danger-soft)}.ds-badge--info{color:var(--color-info);background:var(--color-info-soft)}.ds-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ds-table th,.ds-table td{height:var(--table-row-height);border-bottom:1px solid var(--color-border);text-align:left;padding:10px 16px}.ds-table th{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;font-weight:600}.ds-table tbody tr:hover{background:var(--color-row-hover)}.ds-table .is-selected{background:var(--color-row-selected)}.ds-table .is-numeric{text-align:right;font-variant-numeric:tabular-nums}@media (width<=768px){:root{--page-gutter:16px;--card-padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-size:13px}.num{font-variant-numeric:tabular-nums}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 10px 22px;font-size:16px;font-weight:800;display:flex}.brand-mark{background:var(--gradient-accent);width:30px;height:30px;color:var(--color-text);border-radius:10px;place-items:center;font-weight:800;display:grid;box-shadow:0 5px 12px #2563eb33,inset 0 1px #ffffff4d}.nav-caption{color:var(--color-text-muted);letter-spacing:.1em;padding:12px 12px 6px;font-size:11px;font-weight:700}.nav-link{min-height:42px;color:var(--color-text-muted);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.nav-link:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-link[aria-current=page]{background:var(--color-surface-soft);color:var(--color-text);font-weight:700}.nav-link svg{flex:none;width:18px;height:18px}.nav-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sidebar-foot{margin-top:auto;padding:12px;font-size:12px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;height:var(--topbar-height);padding:0 var(--page-gutter);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:10px;display:flex}.user-chip{border-radius:var(--radius-pill);align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.avatar{background:var(--gradient-accent);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.menu-toggle{display:none}.content{width:100%;max-width:var(--content-max);padding:32px var(--page-gutter) 48px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-head h1{font-size:var(--font-size-2xl);letter-spacing:-.03em;font-weight:700}.page-head p{color:var(--color-text-muted);margin:4px 0 0}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.toolbar .push{margin-left:auto}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger)}.search-input{min-width:260px}.filter-summary{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 14px;font-size:12px;display:flex}.ds-button{white-space:nowrap;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast);justify-content:center;align-items:center;gap:6px;display:inline-flex}.ds-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-border) 40%, var(--color-text-muted))}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button:disabled{opacity:.55;cursor:not-allowed}.ds-button--primary{color:var(--color-text)}.ds-button--dark{background:var(--color-accent);color:var(--color-accent-contrast);border-color:#0000}.ds-button--danger{color:var(--color-danger)}.ds-button--danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 35%, transparent)}.ds-button--ghost{background:0 0;border-color:#0000}.ds-button--ghost:hover:not(:disabled){background:var(--color-surface-soft);border-color:#0000}.ds-button--sm{border-radius:10px;min-height:32px;padding:0 10px;font-size:13px}.ds-button--icon{width:40px;padding:0}.link-button{color:var(--color-info);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric{overflow:hidden}.metric:before{content:"";background:var(--gradient-accent);height:4px;position:absolute;inset:0 0 auto}.metric-label{color:var(--color-text-muted);font-size:13px;font-weight:600}.metric-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:12px 0 8px;font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.1}.metric-value small{letter-spacing:0;color:var(--color-text-muted);font-size:14px;font-weight:500}.metric-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.meter{border-radius:var(--radius-pill);background:var(--color-surface-soft);height:6px;margin-top:4px;overflow:hidden}.meter>span{border-radius:inherit;background:var(--color-chart-1);height:100%;display:block}.table-card{padding:0;overflow:hidden}.table-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.table-head h2{font-size:var(--font-size-lg);font-weight:700}.table-scroll{overflow-x:auto}.ds-table{min-width:860px}.ds-table td{font-size:13px}.ds-table th:first-child,.ds-table td:first-child{padding-left:22px}.ds-table th:last-child,.ds-table td:last-child{padding-right:22px}.ds-table tbody tr:last-child td{border-bottom:0}.ds-table .col-check{width:44px}.ds-table .col-actions{text-align:right;white-space:nowrap}.sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.cell-main{color:var(--color-text);font-weight:600}.cell-sub{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:12px;display:block;overflow:hidden}.table-foot{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;font-size:12px;display:flex}.pager{align-items:center;gap:8px;display:flex}.bulk-bar{background:var(--color-row-selected);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 22px;font-size:13px;display:flex}.skeleton-row td{padding:14px 16px}.skeleton{background:linear-gradient(90deg, var(--color-surface-soft), var(--color-border), var(--color-surface-soft));background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.ds-badge{white-space:nowrap;gap:6px}.ds-badge--neutral{color:var(--color-text-muted);background:var(--color-surface-soft)}.ds-badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.type-tag{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.type-tag i{border-radius:3px;width:8px;height:8px}.type-CHAT i{background:var(--color-chart-1)}.type-IMAGE i{background:var(--color-chart-2)}.type-VIDEO i{background:var(--color-chart-3)}.key-chip{background:var(--color-surface-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;max-width:180px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.key-chip.is-off{color:var(--color-warning);background:var(--color-warning-soft)}.state{text-align:center;padding:56px 24px}.state h3{font-size:var(--font-size-md);margin-bottom:6px}.state p{color:var(--color-text-muted);margin:0 0 16px}.state--error h3{color:var(--color-danger)}.overlay{z-index:50;animation:fade var(--duration-base) var(--ease-standard);background:#11182752;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-overlay);overflow:auto}.dialog--wide{width:min(760px,100%)}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 0;display:flex}.dialog-head h2{font-size:var(--font-size-xl)}.dialog-body{gap:16px;padding:18px 24px;display:grid}.dialog-foot{justify-content:flex-end;gap:10px;padding:0 24px 22px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .span-2{grid-column:span 2}.ds-control{width:100%}textarea.ds-control{resize:vertical;min-height:76px;padding:10px 14px}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--color-info)}.callout{border-radius:var(--radius-sm);padding:12px 14px;font-size:13px}.callout--warning{background:var(--color-warning-soft);color:var(--color-warning)}.callout--info{background:var(--color-info-soft);color:var(--color-info)}.callout--danger{background:var(--color-danger-soft);color:var(--color-danger)}.secret-box{border-radius:var(--radius-xs);background:var(--color-surface-soft);word-break:break-all;align-items:center;gap:8px;padding:10px 12px;display:flex}@keyframes fade{0%{opacity:0}}.toast-stack{z-index:60;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);min-width:240px;max-width:380px;box-shadow:var(--shadow-overlay);animation:fade var(--duration-base);align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.toast:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.toast--success:before{background:var(--color-success)}.toast--danger:before{background:var(--color-danger)}.toast--info:before{background:var(--color-info)}.dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);place-items:center;gap:8px;padding:36px 20px;display:grid}.dropzone:hover,.dropzone.is-over{border-color:var(--color-info);background:var(--color-info-soft)}.dropzone:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.steps{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.step{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:flex}.step b{background:var(--color-surface-soft);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.step.is-active{color:var(--color-text);font-weight:600}.step.is-active b{background:var(--gradient-accent)}.login-wrap{background:radial-gradient(600px 300px at 20% 10%, color-mix(in srgb, var(--color-soft-blue) 70%, transparent), transparent 70%), radial-gradient(500px 300px at 85% 90%, color-mix(in srgb, var(--color-soft-violet) 60%, transparent), transparent 70%), var(--color-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:18px;width:min(420px,100%);display:grid}.login-card h1{font-size:var(--font-size-2xl)}.split{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid}.list-plain{margin:0;padding:0;list-style:none}.list-plain li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.list-plain li:last-child{border-bottom:0}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-width);z-index:40;transition:transform var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-overlay);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:none}.menu-toggle{display:inline-flex}.page-head{flex-direction:column}.search-input{width:100%;min-width:0}.toolbar>*{flex:100%}.toolbar .push{margin-left:0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.user-name{display:none}}
