@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: #ffffff;--surface: #ffffff;--surface-2: #f8f9fb;--surface-3: #f2f3f6;--border: #e7e9ee;--border-strong: #d5d8df;--text: #16171a;--text-muted: #6b6f7b;--text-subtle: #8e929e;--accent: #1a66ff;--accent-hover: #0b4fd6;--accent-weak: #e6eeff;--on-accent: #ffffff;--ok: #1a8f60;--ok-weak: #e6f6ef;--warn: #946a00;--warn-weak: #fbf3dc;--danger: #cf363b;--danger-weak: #fcebec;--info: #1a66ff;--info-weak: #e6eeff;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(16, 17, 26, .08), 0 1px 2px rgba(16, 17, 26, .04);--shadow-md: 0 4px 12px rgba(16, 17, 26, .08), 0 2px 4px rgba(16, 17, 26, .04);--shadow-lg: 0 12px 32px rgba(16, 17, 26, .1), 0 4px 8px rgba(16, 17, 26, .05);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .2s;--ring: 0 0 0 3px rgba(26, 102, 255, .35);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1115;--surface: #161a20;--surface-2: #1c222b;--surface-3: #222a34;--border: #2a313c;--border-strong: #3a434f;--text: #e6e9ee;--text-muted: #9aa4b2;--text-subtle: #6b7686;--accent: #6fa1ff;--accent-hover: #93b8ff;--accent-weak: #16233b;--on-accent: #0a0a0b;--ok: #4ade80;--ok-weak: #14271c;--warn: #fbbf24;--warn-weak: #2b2212;--danger: #f87171;--danger-weak: #2c1818;--info: #6fa1ff;--info-weak: #16233b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(111, 161, 255, .45)}}[data-theme=dark]{--bg: #0f1115;--surface: #161a20;--surface-2: #1c222b;--surface-3: #222a34;--border: #2a313c;--border-strong: #3a434f;--text: #e6e9ee;--text-muted: #9aa4b2;--text-subtle: #6b7686;--accent: #6fa1ff;--accent-hover: #93b8ff;--accent-weak: #16233b;--on-accent: #0a0a0b;--ok: #4ade80;--ok-weak: #14271c;--warn: #fbbf24;--warn-weak: #2b2212;--danger: #f87171;--danger-weak: #2c1818;--info: #6fa1ff;--info-weak: #16233b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(111, 161, 255, .45)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-sans);line-height:1.15;letter-spacing:-.03em;font-weight:800}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:3px solid var(--bg)}*::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);font-weight:600;letter-spacing:-.015em;line-height:1;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-inverse{background:#0a0a0b;color:#fff}.btn-inverse:hover:not(:disabled){background:#2d2f36}.input,.select,.textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-base);font-family:inherit;transition:border-color .15s,box-shadow .15s}.textarea{min-height:88px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6573' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.4;white-space:nowrap}.badge-neutral{background:var(--surface-3);color:var(--text-muted)}.badge-ok{background:var(--ok-weak);color:var(--ok)}.badge-warn{background:var(--warn-weak);color:var(--warn)}.badge-danger{background:var(--danger-weak);color:var(--danger)}.badge-info{background:var(--info-weak);color:var(--info)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field>label,.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.form-row{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--text-subtle);text-align:center}.empty-state svg{color:var(--text-subtle);opacity:.7}.empty-state p{margin:0;font-size:var(--text-base)}.skeleton{background:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.page{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5)}.page-title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-5)}.divider{height:1px;background:var(--border);border:none;margin:var(--space-5) 0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.main-nav{display:flex;align-items:center;gap:var(--space-1);flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:0 0 auto;white-space:nowrap}.main-nav a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-base);font-weight:600;transition:background-color .15s,color .15s}.main-nav a svg{flex:0 0 auto;opacity:.85}.main-nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);min-height:56px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:nowrap}.app-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;color:var(--text);flex-shrink:0;white-space:nowrap}.app-brand:hover{text-decoration:none;color:var(--text)}.app-brand svg{color:var(--accent)}.app-header-spacer{flex:1}.app-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-content{flex:1;min-height:0;overflow-y:auto}.inbox-app{display:flex;flex-direction:column;height:100%;background:var(--bg)}.inbox-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);min-height:56px;border-bottom:1px solid var(--border);background:var(--surface)}.inbox-header h1{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:600;margin:0;color:var(--text)}.inbox-header h1 svg{color:var(--accent)}.inbox-header-spacer{flex:1}.inbox-header-actions{display:flex;align-items:center;gap:var(--space-2)}.reconnect-banner{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--warn-weak);color:var(--warn);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.inbox-columns{display:grid;grid-template-columns:220px 380px 1fr;flex:1;min-height:0}.col{overflow-y:auto;border-right:1px solid var(--border);background:var(--surface)}.col-nav{background:var(--surface-2)}.col-reader{border-right:none;background:var(--bg)}.inbox-nav{list-style:none;margin:0;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--text-muted);transition:background-color .15s,color .15s}.nav-item svg{flex:0 0 auto;color:var(--text-subtle)}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-weak);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.unified-list{display:flex;flex-direction:column}.inbox-row{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .15s}.inbox-row:hover{background:var(--surface-2)}.inbox-row.selected{background:var(--accent-weak)}.status-stripe{width:3px;border-radius:0 var(--radius-full) var(--radius-full) 0;flex:0 0 3px}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:2px 0}.row-line1,.row-line2{display:flex;align-items:center;gap:var(--space-2)}.row-type-tag{display:inline-flex;align-items:center;color:var(--text-subtle);flex:0 0 auto}.row-title{font-weight:600;font-size:var(--text-base);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title.unread{font-weight:700}.inbox-row[data-unread=true] .row-title{color:var(--text)}.count-badge{background:var(--surface-3);color:var(--text-muted);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;flex:0 0 auto}.row-summary{flex:1;min-width:0;color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.4;white-space:nowrap;flex:0 0 auto;background:var(--surface-3);color:var(--text-muted)}.status-badge svg{flex:0 0 auto}.status-badge[data-status=AWAITING_REPLY]{background:var(--danger-weak);color:var(--danger)}.status-badge[data-status=AI_REPLIED]{background:var(--info-weak);color:var(--info)}.status-badge[data-status=HUMAN_HANDLING]{background:var(--warn-weak);color:var(--warn)}.status-badge[data-status=CLOSED]{background:var(--surface-3);color:var(--text-subtle)}.status-countdown{font-variant-numeric:tabular-nums}.list-state,.reader-state,.reader-empty{padding:var(--space-5);color:var(--text-muted);font-size:var(--text-base)}.list-state.error,.reader-state.error{color:var(--danger)}.mail-thread,.chat-conversation{padding:var(--space-5);max-width:820px}.mail-subject{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-4);color:var(--text)}.mail-messages{display:flex;flex-direction:column;gap:var(--space-3)}.mail-message{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface)}.mail-msg-header{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.mail-from{font-weight:500;color:var(--text)}.mail-body{font-size:var(--text-base);line-height:1.6;color:var(--text);word-break:break-word}.ai-tag{display:inline-flex;align-items:center;background:var(--info-weak);color:var(--info);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600}.chat-messages{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.chat-message{display:flex;gap:var(--space-2);align-items:baseline;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);max-width:80%}.chat-message[data-sender=AGENT]{background:var(--accent-weak);align-self:flex-end}.chat-sender{font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);flex:0 0 auto}.chat-body{font-size:var(--text-base);color:var(--text);word-break:break-word}.chat-input{display:flex;gap:var(--space-2)}.call-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--accent-weak);max-width:80%}.call-card[data-status=MISSED]{border-color:var(--danger, #e5534b)}.call-card[data-status=ACTIVE]{border-color:var(--accent)}.call-card-mode{font-weight:600;color:var(--accent)}.call-card-status{color:var(--text);flex:1}.call-card button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--on-accent);cursor:pointer}.call-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.call-modal{width:min(90vw,960px);height:min(80vh,640px);background:#0b0f14;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.call-jitsi{flex:1;min-height:0}.call-jitsi iframe{width:100%;height:100%;border:0}.call-hangup{margin:var(--space-3) auto;padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-md);background:var(--danger, #e5534b);color:#fff;cursor:pointer}.chat-input input{flex:1;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-base);font-family:inherit}.chat-input input::placeholder{color:var(--text-subtle)}.chat-input input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.chat-input button{height:40px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-weight:500;font-size:var(--text-base);cursor:pointer;transition:background-color .15s}.chat-input button:hover{background:var(--accent-hover)}.language-switcher{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.language-switcher select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:40px;padding:0 var(--space-6) 0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text);font-size:var(--text-sm);font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6573' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.language-switcher select:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.language-switcher-label{white-space:nowrap}@media(max-width:900px){.inbox-header{flex-wrap:wrap;gap:var(--space-2)}.inbox-columns{grid-template-columns:64px 1fr}.col-nav .nav-item{justify-content:center;padding:var(--space-3) 0}.nav-label{display:none}.col-reader{grid-column:1 / -1;border-top:1px solid var(--border)}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);background:var(--surface-2)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.login-brand .login-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-weak);color:var(--accent)}.login-brand h1{font-size:var(--text-2xl);margin:0}.login-brand p{margin:0;color:var(--text-muted);font-size:var(--text-base)}.login-card{width:100%;max-width:400px}.login-form{display:flex;flex-direction:column}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-subtle);font-size:var(--text-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-error{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-weak);color:var(--danger);font-size:var(--text-sm)}.btn-block{width:100%}.oauth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted);background:var(--surface-2)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-toolbar .field{margin-bottom:0}.page-state{padding:var(--space-5);color:var(--text-muted);text-align:center}.page-state.error{color:var(--danger)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table thead th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background:var(--surface-2)}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-subtle);flex:0 0 auto}.cell-with-avatar{display:flex;align-items:center;gap:var(--space-3)}.list-stack{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.list-stack .card{display:flex;flex-direction:column;gap:var(--space-2)}.list-card-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.list-card-title{font-weight:600;font-size:var(--text-md);color:var(--text)}.list-card-body{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.list-card-actions{display:flex;gap:var(--space-2)}.section-card{margin-bottom:var(--space-4)}.section-card h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin:0 0 var(--space-3)}.section-card h2 svg{color:var(--text-subtle)}.detail-rows{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.detail-row{display:flex;gap:var(--space-3);font-size:var(--text-base)}.detail-row>dt{flex:0 0 120px;color:var(--text-muted);font-size:var(--text-sm)}.detail-row>dd{flex:1;margin:0;color:var(--text);word-break:break-word}.detail-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.detail-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.detail-list li svg{color:var(--text-subtle);flex:0 0 auto}.detail-list .list-spacer{flex:1}.detail-list .list-time{color:var(--text-subtle);font-size:var(--text-sm);white-space:nowrap}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.settings-tabs button[role=tab]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-muted);font-size:var(--text-base);font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.settings-tabs button[role=tab]:hover{color:var(--text)}.settings-tabs button[role=tab][aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab-bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-muted);font-size:var(--text-base);font-weight:600;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.settings-actions,.preferences-actions,.list-card-actions{display:flex;align-items:center;gap:var(--space-3)}.settings-saved,.preferences-saved{color:var(--ok);font-size:var(--text-sm)}.settings-hint{color:var(--text-subtle);font-size:var(--text-xs)}.field-inline{flex-direction:row;align-items:center;gap:var(--space-2)}.mailbox-settings .mailbox-actions{margin-bottom:var(--space-4)}.mailbox-result{display:inline-flex;align-items:center;gap:var(--space-2)}.mailbox-error{color:var(--danger)}.rating-stars{display:inline-flex;gap:2px;color:var(--warn)}@media(max-width:640px){.detail-row{flex-direction:column;gap:var(--space-1)}.detail-row>dt{flex-basis:auto}.page-toolbar{flex-direction:column;align-items:stretch}}.profile-seg{display:flex;gap:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;width:fit-content;margin:var(--space-4) 0}.profile-seg-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.profile-seg-btn.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.profile-seg-btn:not(.is-active):hover{background:var(--surface-3);color:var(--text)}.profile-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.profile-field:last-child{border-bottom:none}.profile-field .field-label{flex:0 0 120px;font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.profile-field .input{flex:1;min-width:0}.profile-field-multi{align-items:flex-start;flex-wrap:wrap}.profile-field-multi .field-label{padding-top:var(--space-2)}.profile-multi{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.profile-multi-chip{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.profile-multi-chip span{flex:1;color:var(--text)}.profile-multi-remove{border:none;background:transparent;color:var(--danger);font-size:var(--text-xs);cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm)}.profile-multi-remove:hover{background:var(--danger-weak)}.profile-multi-add{display:flex;gap:var(--space-2)}.profile-multi-add .input{flex:1}.profile-drill-wrapper{border-bottom:1px solid var(--border)}.profile-drill-trigger{border-bottom:none;cursor:pointer}.profile-drill-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:transform .2s}.profile-drill-btn.is-open svg{transform:rotate(90deg)}.profile-drill{padding:var(--space-2) 0 var(--space-2) 140px;display:flex;flex-direction:column;gap:0;background:var(--surface-2);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:1px solid var(--border)}.profile-drill .profile-field{padding:var(--space-1) var(--space-3)}.profile-fields{display:flex;flex-direction:column;gap:0}.profile-ok{min-width:120px;padding:var(--space-3) var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md)}.profile-upgrade{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--space-3) 0}.profile-upgrade-hint{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.profile-upgrade-btn{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .15s}.profile-upgrade-btn:hover{opacity:.85}@media(max-width:640px){.profile-field{flex-direction:column;align-items:stretch}.profile-field .field-label{flex:unset}.profile-seg{width:100%;justify-content:stretch}.profile-seg-btn{flex:1;justify-content:center}.profile-drill{padding-left:var(--space-3)}}.pricing-page{max-width:1100px;margin:0 auto;padding:var(--space-10) var(--space-5) var(--space-10)}.pricing-head{text-align:center;margin-bottom:var(--space-8)}.pricing-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 var(--space-3)}.pricing-title{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--text)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);align-items:start}.pricing-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pricing-card.is-featured{border:2px solid var(--accent);box-shadow:var(--shadow-lg)}.pricing-card.is-current{border:2px solid var(--accent);background:var(--accent-weak)}.pricing-current-line{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.pricing-current-line strong{color:var(--accent);font-weight:700}.pricing-usage{margin-top:var(--space-3);display:inline-flex;flex-direction:column;gap:var(--space-2);min-width:240px}.pricing-usage-label{font-size:var(--text-sm);color:var(--text-muted)}.pricing-usage-label strong{color:var(--text);font-weight:700;font-family:var(--font-mono)}.pricing-usage-bar{height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.pricing-usage-fill{display:block;height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--dur-base) var(--ease-out)}.pricing-usage-fill.is-full{background:var(--danger)}.pricing-ribbon{position:absolute;top:-12px;left:var(--space-6);display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}.pricing-ribbon[data-tone=accent]{background:var(--accent)}.pricing-ribbon[data-tone=warn]{background:var(--warn)}.pricing-plan-name{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-2);color:var(--text)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-1)}.pricing-price .amount{font-family:var(--font-mono);font-size:40px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.pricing-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-5);min-height:1.4em}.pricing-cta{width:100%}.pricing-engine{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm)}.pricing-engine-name{font-weight:600;color:var(--text);margin:0 0 var(--space-1)}.pricing-engine-drafts{color:var(--text-muted);margin:0}.pricing-engine-drafts .mono{font-family:var(--font-mono);color:var(--text)}.pricing-compare{margin-top:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pricing-compare table{width:100%;border-collapse:collapse}.pricing-compare thead tr{background:var(--surface-2)}.pricing-compare th{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:700;color:var(--text)}.pricing-compare th:first-child{text-align:left;color:var(--text-muted);font-weight:600}.pricing-compare tbody tr{border-top:1px solid var(--border)}.pricing-compare td{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text);text-align:center}.pricing-compare td:first-child{text-align:left;color:var(--text-muted)}.pricing-yes{color:var(--ok);font-weight:700}.pricing-no{color:var(--text-subtle)}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}.ai-models-form{display:flex;flex-direction:column;gap:var(--space-4)}.ai-models-tier{display:grid;grid-template-columns:96px 1fr 200px;gap:var(--space-4);align-items:end;padding:var(--space-3) 0;border-top:1px solid var(--border)}.ai-models-tier:first-of-type{border-top:none}.ai-models-tier .field{margin-bottom:0}.ai-models-tier-name{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--accent);padding-bottom:var(--space-2)}@media(max-width:640px){.ai-models-tier{grid-template-columns:1fr;gap:var(--space-2)}}.admin-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2)}.admin-tabs .btn.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.notif-bell{position:relative}.notif-bell .count-badge{position:absolute;top:2px;right:2px;background:var(--danger, #d33);color:#fff;min-width:16px;line-height:16px;text-align:center;padding:0 4px}.notif-dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;width:320px;max-height:60vh;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .18));z-index:50}.notif-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-weight:600}.notif-dropdown-head .link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-sm);padding:0}.notif-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.notif-list{list-style:none;margin:0;padding:0}.notif-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);cursor:pointer}.notif-item:hover{background:var(--surface-2)}.notif-item[data-unread=true]{border-left:3px solid var(--accent)}.notif-item-title{font-weight:600}.notif-item-body{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-snippet{display:block;flex:1;min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-sm);overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all}.widget-snippet-row{align-items:center;gap:var(--space-2)}.widget-enabled-label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}