:root{color-scheme:light;--brand-navy: #0E1D43;--brand-navy-deep: #06183C;--brand-gold: #F9D384;--brand-copper: #DEA869;--brand-teal: #037270;--brand-cyan: #1EF3FA;--brand-silver: #EBF2F7;--brand-paper: #ECF7F9;--color-bg: #F6FAFB;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-sunken: #ECF7F9;--color-border: #D7E1E8;--color-border-strong: #8391A4;--color-text-primary: #0E1D43;--color-text-secondary: #3D4B69;--color-text-muted: #5C6983;--color-primary: #0E1D43;--color-primary-hover: #1B2D5C;--color-on-primary: #FFFFFF;--color-accent: #DEA869;--color-accent-hover: #D3995A;--color-on-accent: #0E1D43;--color-accent-text: #94621F;--color-secondary: #037270;--color-secondary-hover: #025E5C;--color-on-secondary: #FFFFFF;--color-secondary-text: #037270;--color-link: #036A68;--color-link-hover: #024F4E;--color-focus-ring: #037270;--color-success: #177A4B;--color-success-bg: #E5F4EC;--color-on-success: #FFFFFF;--color-warning: #9C5A00;--color-warning-bg: #FDF1DC;--color-on-warning: #FFFFFF;--color-error: #B42A23;--color-error-bg: #FCE9E7;--color-on-error: #FFFFFF;--color-info: #1F5CA8;--color-info-bg: #E6EEF9;--color-on-info: #FFFFFF;--color-chat-launcher-bg: #0E1D43;--color-chat-launcher-icon: #F9D384;--color-chat-header-bg: #0E1D43;--color-chat-header-text: #FFFFFF;--color-chat-user-bg: #0E1D43;--color-chat-user-text: #FFFFFF;--color-chat-agent-bg: #ECF7F9;--color-chat-agent-text: #0E1D43;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-0: 0;--space-0_5: 2px;--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;--space-16: 64px;--font-ui: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-brand: "Plus Jakarta Sans", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Noto Sans Mono CJK TC", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--shadow-sm: 0 1px 2px rgba(14, 29, 67, .06), 0 1px 3px rgba(14, 29, 67, .08);--shadow-md: 0 4px 12px rgba(14, 29, 67, .08), 0 2px 4px rgba(14, 29, 67, .06);--shadow-lg: 0 12px 32px rgba(14, 29, 67, .12), 0 4px 8px rgba(14, 29, 67, .06);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus-ring);--motion-fast: .12s;--motion-base: .2s;--motion-easing: cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{color-scheme:dark;--color-bg: #06183C;--color-surface: #0B2149;--color-surface-elevated: #132C58;--color-surface-sunken: #041331;--color-border: #223B66;--color-border-strong: #6277A0;--color-text-primary: #EBF2F7;--color-text-secondary: #B8C5D8;--color-text-muted: #8D9CB5;--color-primary: #DCE6F4;--color-primary-hover: #FFFFFF;--color-on-primary: #06183C;--color-accent: #F9D384;--color-accent-hover: #FBDF9F;--color-on-accent: #06183C;--color-accent-text: #F9D384;--color-secondary: #1EF3FA;--color-secondary-hover: #7AF7FB;--color-on-secondary: #06183C;--color-secondary-text: #1EF3FA;--color-link: #7BE9F0;--color-link-hover: #B5F4F8;--color-focus-ring: #1EF3FA;--color-success: #55D6A0;--color-success-bg: #0D3A3A;--color-on-success: #06183C;--color-warning: #FFB867;--color-warning-bg: #3A2C15;--color-on-warning: #06183C;--color-error: #FF8E85;--color-error-bg: #3E1A2A;--color-on-error: #06183C;--color-info: #8DB9FF;--color-info-bg: #14305E;--color-on-info: #06183C;--color-chat-launcher-bg: #F9D384;--color-chat-launcher-icon: #06183C;--color-chat-header-bg: #0B2149;--color-chat-header-text: #EBF2F7;--color-chat-user-bg: #24457E;--color-chat-user-text: #FFFFFF;--color-chat-agent-bg: #132C58;--color-chat-agent-text: #EBF2F7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(235, 242, 247, .04);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(235, 242, 247, .06)}[data-theme=dark]{--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus-ring)}:root{font-family:var(--font-ui);color:var(--color-text-primary);background:var(--color-bg);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text-primary)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}code,pre,kbd{font-family:var(--font-mono)}::selection{background:var(--color-secondary);color:var(--color-on-secondary)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.nav{background:var(--brand-navy);color:var(--color-text-primary);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}:root[data-theme=dark] .nav{background:var(--color-surface);border-right:1px solid var(--color-border)}.nav-brand{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:0 var(--space-1)}.nav-brand img{height:48px;width:auto;display:block}.nav-brand .nav-product{font-family:var(--font-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-text);letter-spacing:.08em;padding:var(--space-0_5) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full)}.nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-left:3px solid transparent;transition:background var(--motion-fast) var(--motion-easing),color var(--motion-fast) var(--motion-easing)}.nav a:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.nav a.active{background:var(--color-surface-sunken);color:var(--color-text-primary);border-left-color:var(--color-secondary)}.nav a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-user{margin-top:var(--space-4);font-size:var(--font-size-xs);padding:0 var(--space-3);color:var(--color-text-muted);line-height:var(--line-height-normal);word-break:break-all}.nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-1)}.main{padding:var(--space-6);min-width:0}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer}.theme-toggle:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.theme-toggle svg{width:16px;height:16px;flex-shrink:0}.nav .theme-toggle{align-self:flex-start;margin:0 var(--space-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:960px){.grid-2,.shell{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.nav-brand{width:100%;margin-bottom:var(--space-1)}.nav-user{margin-top:0}.nav-footer{margin-top:0;flex-direction:row;align-items:center}.main{padding:var(--space-4)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);position:relative;background:radial-gradient(1200px 480px at 50% -10%,var(--color-surface-sunken),transparent 70%),var(--color-bg)}.login-wrap>.theme-toggle{position:absolute;top:var(--space-4);right:var(--space-4)}.login-card{width:min(420px,100%);padding:var(--space-8) var(--space-6) var(--space-6);box-shadow:var(--shadow-lg)}.login-card h2{font-size:var(--font-size-xl);margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold)}.login-card button.primary{width:100%;margin-top:var(--space-1)}.brand-lockup{display:block;height:64px;width:auto;margin:0 auto var(--space-5)}.brand-lockup--dark{display:none}:root[data-theme=dark] .brand-lockup--light{display:none}:root[data-theme=dark] .brand-lockup--dark{display:block}label{display:block;font-size:var(--font-size-sm);margin-bottom:6px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}input,textarea,select{width:100%;padding:10px var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:var(--focus-ring)}input:disabled,textarea:disabled,select:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:not-allowed}input[type=checkbox],input[type=radio]{accent-color:var(--color-secondary)}button{font-family:inherit;font-size:var(--font-size-sm)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:10px var(--space-4);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-easing)}button.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-medium);cursor:pointer}button.secondary:hover:not(:disabled){background:var(--color-surface-sunken)}button.danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-medium);cursor:pointer}button.danger:hover:not(:disabled){background:var(--color-error);color:var(--color-on-error)}button:disabled{opacity:.55;cursor:not-allowed}button.primary,button.secondary,button.danger,th{white-space:nowrap}button.linkish{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}button.linkish:hover{color:var(--color-text-primary)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{text-align:left;padding:10px var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top}th{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}tbody tr:hover{background:var(--color-surface-sunken)}.muted{color:var(--color-text-muted)}.page-title{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.page-desc{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}h3,h4{color:var(--color-text-primary);line-height:var(--line-height-tight)}.banner{border-radius:var(--radius-md);padding:10px var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.banner.error,.error{color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:10px var(--space-3);margin-bottom:var(--space-3)}.banner.notice,.notice{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:10px var(--space-3);margin-bottom:var(--space-3)}.badge{display:inline-block;padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-secondary-text);border:1px solid transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-ai{background:var(--color-surface-sunken);color:var(--color-text-secondary);border-color:var(--color-border)}.badge-human{background:var(--color-error-bg);color:var(--color-error)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.badge-serving{background:var(--color-info-bg);color:var(--color-info)}.badge-resolved{background:var(--color-success-bg);color:var(--color-success)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-gap{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}.filter-chip{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:6px var(--space-3);font-size:var(--font-size-sm);cursor:pointer}.filter-chip:hover{background:var(--color-surface-sunken)}.filter-chip.active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-on-secondary);font-weight:var(--font-weight-semibold)}.filter-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}ul.plain{list-style:none;padding:0;margin:0 0 var(--space-3)}ul.plain li{padding:6px 0;border-bottom:1px solid var(--color-border)}.msg-list{max-height:360px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface-sunken)}.msg{padding:var(--space-2) var(--space-3);margin-bottom:6px;border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary)}.msg-agent{background:var(--color-chat-user-bg);color:var(--color-chat-user-text);border-bottom-right-radius:var(--space-1)}.msg-agent .muted{color:inherit;opacity:.85}.msg-user{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--space-1)}.msg-assistant{background:var(--color-chat-agent-bg);color:var(--color-chat-agent-text);border-left:3px solid var(--color-secondary)}.msg-system{background:var(--color-info-bg);color:var(--color-info);font-size:var(--font-size-xs)}.online{color:var(--color-success);font-weight:var(--font-weight-semibold)}.offline{color:var(--color-text-muted)}.conv-row-pending{background:var(--color-warning-bg)}.conv-row-pending td:first-child{box-shadow:inset 3px 0 0 var(--color-warning)}.empty-state{text-align:center;padding:28px var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading-state{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.preview{color:var(--color-text-muted);font-size:var(--font-size-xs);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-tag{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-inline input{margin-bottom:0;flex:1;min-width:120px}.form-check{display:flex;gap:var(--space-2);align-items:center;margin-bottom:10px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-check input{width:auto;margin:0}.import-errors{margin-top:var(--space-2);padding:var(--space-2) 10px;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm)}.import-errors ul{margin:6px 0 0;padding-left:18px}.snippet-preview{background:var(--brand-navy-deep);color:var(--brand-silver);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);overflow:auto;white-space:pre-wrap;word-break:break-all}.widget-theme-preview{border:1px solid var(--color-border);border-left-width:4px;padding:var(--space-3);margin-top:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.widget-theme-preview p{margin:var(--space-2) 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-value{font-family:var(--font-brand);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.badge-jev-warn{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-jev-alert{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.badge-paid{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);margin-left:6px}