@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:none;padding:var(--space-5)}.answer-page{max-width:1440px}.answer-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.answer-rooms{position:sticky;top:82px;display:grid;gap:8px}.answer-create{width:100%;justify-content:center;margin-bottom:6px}.answer-room-card{display:grid;gap:4px;width:100%;padding:12px 14px;text-align:left;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.answer-room-card:hover,.answer-room-card.active{border-color:var(--primary);background:var(--primary-soft)}.answer-room-card span{font-weight:650}.answer-room-card small,.answer-empty-copy{color:var(--text-secondary)}.answer-main{min-width:0;display:grid;gap:16px}.answer-error{margin-bottom:14px;padding:10px 14px;color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:8px}.answer-room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.answer-room-heading h2{margin:0 0 4px}.answer-room-heading p{margin:0;color:var(--text-secondary)}.answer-room-actions,.answer-form-actions,.answer-policy-summary{display:flex;flex-wrap:wrap;gap:8px}.answer-policy-summary span{padding:5px 9px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.82rem}.answer-policy-card{display:grid;gap:14px;padding:20px}.answer-policy-card h2{margin:0}.answer-policy-card>label,.answer-form-grid label{display:grid;gap:6px;font-size:.9rem;font-weight:600}.answer-policy-card input:not([type=checkbox]),.answer-policy-card textarea,.answer-policy-card select,.answer-composer textarea,.answer-composer select{width:100%;padding:10px 11px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit}.answer-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.answer-policy-card fieldset{display:flex;flex-wrap:wrap;gap:16px;border:1px solid var(--border);border-radius:8px}.answer-policy-card fieldset label,.answer-contact-picker label{display:flex;gap:7px;align-items:center;font-weight:400}.answer-contact-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;max-height:190px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:8px}.answer-contact-picker strong{grid-column:1 / -1}.answer-composer{display:grid;gap:10px;padding:16px}.answer-composer .btn{justify-self:end}.answer-exchanges{display:grid;gap:12px}.answer-exchange{display:grid;gap:14px;padding:18px}.answer-exchange p{margin:5px 0 0;white-space:pre-wrap;line-height:1.6}.answer-question{padding-bottom:12px;border-bottom:1px solid var(--border)}.answer-question strong,.answer-response strong{color:var(--text-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.answer-generating{color:var(--text-secondary);animation:answer-pulse 1.4s ease-in-out infinite}.answer-exchange footer{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.82rem}.answer-confidence{padding:4px 8px;border-radius:999px;font-weight:650}.confidence-high{color:#166534;background:#dcfce7}.confidence-medium{color:#854d0e;background:#fef9c3}.confidence-low{color:#991b1b;background:#fee2e2}.answer-feedback{display:inline-flex;gap:4px;margin-left:auto}.answer-feedback button{display:grid;place-items:center;padding:6px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.answer-feedback button:hover,.answer-feedback button.selected{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}@keyframes answer-pulse{50%{opacity:.45}}@media(max-width:820px){.answer-layout{grid-template-columns:1fr}.answer-rooms{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.answer-create,.answer-empty-copy{grid-column:1 / -1}.answer-room-heading{flex-direction:column}.answer-form-grid{grid-template-columns:1fr}}.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:1120px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,32px) 64px}.page-title{margin:0;font-size:clamp(26px,3vw,32px);font-weight:800;line-height:1.15}.page-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.page-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-weak)}.page-heading-copy{min-width:0}.page-description{max-width:660px;margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.page-heading-actions{display:flex;align-items:center;gap:var(--space-2)}.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}.main-nav a.nav-link-active,.nav-more-btn.nav-link-active{background:var(--accent-weak);color:var(--accent)}.mobile-menu-trigger,.mobile-nav-panel,.mobile-nav-backdrop{display:none}.nav-more{position:relative;flex:0 0 auto}.nav-more-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--text-base);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.nav-more-btn:hover{background:var(--surface-2);color:var(--text)}.nav-more-btn svg{flex:0 0 auto;opacity:.85}.nav-more-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:200px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px}.nav-more-menu a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap;text-decoration:none}.nav-more-menu a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-more-menu a.nav-link-active{background:var(--accent-weak);color:var(--accent)}@media(max-width:640px){.nav-more-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-brand-text{display: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}@media(max-width:960px){.app-header{gap:var(--space-2);padding-inline:var(--space-3)}.main-nav{display:none}.mobile-menu-trigger{display:inline-flex}.app-header-actions .language-switcher{display:none}.mobile-nav-backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;z-index:54;border:0;background:#0a0a0b52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}.mobile-nav-panel{display:grid;position:absolute;top:calc(100% + var(--space-2));left:var(--space-3);right:var(--space-3);z-index:55;max-height:calc(100vh - 80px);padding:var(--space-3);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.mobile-nav-group{display:grid;gap:var(--space-1);padding:var(--space-2)}.mobile-nav-group+.mobile-nav-group{border-top:1px solid var(--border)}.mobile-nav-heading{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--text-subtle);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-panel a{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;text-decoration:none}.mobile-nav-panel a:hover,.mobile-nav-panel a.nav-link-active{color:var(--accent);background:var(--accent-weak)}.mobile-nav-preferences{padding:var(--space-3);border-top:1px solid var(--border)}.mobile-nav-preferences .language-switcher,.mobile-nav-preferences select{width:100%}}.app-content{flex:1;min-height:0;overflow-y:auto;background:var(--surface-2)}.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;justify-content:center;gap:var(--space-2);background:var(--warn-weak);color:var(--warn);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:500}.maintenance-banner{display:block;width:100%;background:var(--warn-weak);color:var(--warn);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;text-align:center}.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)}.mobile-reader-back{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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)}.timeline-tab-count{min-width:1.6rem;margin-left:auto;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums}.nav-item.active .timeline-tab-count{background:var(--surface);color:var(--accent)}.timeline-toolbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-select-all,.timeline-batch-actions{display:flex;align-items:center;gap:var(--space-2);min-height:44px}.timeline-select-all{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.timeline-select-all input,.timeline-row-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.timeline-batch-actions .btn{min-width:36px;padding-inline:var(--space-2)}.timeline-search{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-subtle)}.timeline-search:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.timeline-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.timeline-source-filter{min-height:44px;max-width:140px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.timeline-refresh{min-height:44px;white-space:nowrap}.timeline-summary{grid-column:1 / -1;display:flex;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs)}.timeline-summary span:last-child{color:var(--danger)}.timeline-list{display:flex;flex-direction:column}.timeline-row{position:relative;width:100%;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left}.timeline-row:hover{background:var(--surface-2)}.timeline-row-main:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.timeline-row-check{flex:0 0 auto;margin-top:9px}.timeline-row-main{display:flex;min-width:0;flex:1;gap:var(--space-3);padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.timeline-row-actions{position:relative;display:flex;flex:0 0 auto;gap:2px}.timeline-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-subtle);cursor:pointer}.timeline-icon-btn:hover,.timeline-icon-btn.active{background:var(--accent-weak);color:var(--accent)}.timeline-row-menu{position:absolute;top:36px;right:0;z-index:10;min-width:150px;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}.timeline-row-menu button{width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.timeline-row-menu button:hover,.timeline-row-menu button:focus-visible{background:var(--surface-2)}.timeline-action-error{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--danger);background:var(--danger-weak);color:var(--danger);font-size:var(--text-sm)}.timeline-row.selected{background:var(--accent-weak)}.timeline-row[data-unread=true]{background-image:linear-gradient(90deg,var(--warn-weak),transparent 42%)}.timeline-row-source{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-full);background:var(--surface-3);color:var(--accent)}.timeline-row-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.timeline-row-meta,.timeline-row-footer{display:flex;align-items:center;gap:var(--space-2)}.timeline-row-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row-meta time{margin-left:auto;color:var(--text-subtle);font-size:var(--text-xs);white-space:nowrap}.unread-dot{width:8px;height:8px;flex:0 0 auto;border-radius:var(--radius-full);background:var(--danger)}.timeline-row-headline,.timeline-row-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row-headline{color:var(--text);font-size:var(--text-sm);font-weight:600}.timeline-row-snippet{color:var(--text-muted);font-size:var(--text-sm)}.timeline-row-footer{margin-top:var(--space-1);color:var(--text-subtle);font-size:var(--text-xs)}.action-needed-label{color:var(--danger);font-weight:600}.timeline-load-more{align-self:center;margin:var(--space-4);min-height:44px}.timeline-detail{width:min(900px,100%);padding:var(--space-6)}.timeline-detail-header{margin-bottom:var(--space-5)}.timeline-detail-header .eyebrow{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-detail-header h2{margin:0;font-size:var(--text-xl)}.timeline-detail-header p:last-child{color:var(--text-muted)}.timeline-events{list-style:none;margin:0;padding:0}.timeline-event{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-4)}.timeline-event:before{content:"";position:absolute;top:38px;bottom:-2px;left:19px;width:1px;background:var(--border-strong)}.timeline-event:last-child:before{display:none}.timeline-event-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;z-index:1;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--accent)}.timeline-event-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.timeline-event-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--text-subtle);font-size:var(--text-xs)}.timeline-event-meta time{margin-left:auto}.timeline-event-card h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-base)}.timeline-event-card p{margin:var(--space-2) 0;color:var(--text);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-event-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.current-draft{margin-top:var(--space-5);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-weak) 38%,var(--surface));box-shadow:var(--shadow-sm)}.current-draft-header,.draft-primary-actions,.draft-countdown,.draft-version-meta{display:flex;align-items:center;gap:var(--space-3)}.current-draft-header{justify-content:space-between;margin-bottom:var(--space-3)}.current-draft-header .eyebrow{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);color:var(--accent);font-size:var(--text-xs);font-weight:700}.current-draft-header h3{margin:0}.draft-save-state{padding:3px var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs)}.draft-save-state.saved{color:var(--success)}.draft-save-state.dirty{color:var(--warn)}.draft-save-state.error{color:var(--danger)}.current-draft-textarea{width:100%;min-height:180px;resize:vertical;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:0;background:var(--surface);color:var(--text);font:inherit;line-height:1.6}.current-draft-textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.draft-countdown{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--warn);border-radius:var(--radius-md);background:var(--warn-weak);color:var(--text)}.draft-countdown span{flex:1}.draft-context-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:var(--space-3);margin-top:var(--space-3)}.draft-context-controls label,.draft-context-controls details{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm)}.draft-context-controls select{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.draft-preference-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.draft-preference-summary div{display:flex;justify-content:space-between;gap:var(--space-2)}.draft-preference-summary dt{color:var(--text-subtle)}.draft-preference-summary dd{margin:0;color:var(--text);font-weight:600}.draft-contact-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.draft-contact-preferences label{color:var(--text-subtle);font-size:var(--text-xs)}.draft-primary-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:var(--space-4)}.draft-error{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-weak);color:var(--danger)}.draft-history{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.draft-history>summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:700}.draft-history ol{display:grid;gap:var(--space-3);list-style:none;padding:0}.draft-history li{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.draft-version-meta{justify-content:space-between;color:var(--text-muted);font-size:var(--text-xs)}.draft-history li p{max-height:140px;overflow:auto;white-space:pre-wrap}@media(max-width:720px){.current-draft{padding:var(--space-4)}.draft-context-controls{grid-template-columns:1fr}.draft-primary-actions .btn{flex:1 1 auto}}.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)}@media(max-width:480px){.mail-msg-header{align-items:flex-start;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.mail-from{flex-basis:100%;overflow-wrap:anywhere}.mail-time{white-space:nowrap}}.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 minmax(260px,.9fr) minmax(320px,1.25fr)}.col-nav .nav-item{justify-content:center;padding:var(--space-3) 0}.nav-label{display:none}.timeline-tab-count{margin-left:0}}@media(max-width:720px){.inbox-columns{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.col-nav{grid-row:1;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--border)}.inbox-nav{flex-direction:row;padding:var(--space-2)}.col-nav .nav-item{justify-content:flex-start;min-height:44px;padding:var(--space-2) var(--space-3);white-space:nowrap}.nav-label{display:inline}.timeline-tab-count{margin-left:auto}.timeline-toolbar{grid-template-columns:minmax(0,1fr) auto}.timeline-search{grid-column:1 / -1}.timeline-refresh span{display:none}.col-list{grid-row:2;border-right:0}.col-reader{display:none;grid-row:1 / -1;border-right:0}.inbox-columns.has-selection .col-nav,.inbox-columns.has-selection .col-list{display:none}.inbox-columns.has-selection .col-reader{display:flex;flex-direction:column}.mobile-reader-back{display:inline-flex;align-self:flex-start;flex:0 0 auto;margin:var(--space-2) var(--space-3) 0}.timeline-detail{padding:var(--space-4)}}.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)}.table-card{padding:0;overflow:hidden}.source-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.booking-form{margin-bottom:var(--space-5);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.booking-link-card+.booking-link-card{margin-top:var(--space-3)}.booking-link-head{justify-content:space-between;align-items:center}.booking-rules{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}@media(max-width:640px){.page-heading{grid-template-columns:auto minmax(0,1fr);align-items:start}.page-heading-icon{width:42px;height:42px}.page-heading-actions{grid-column:1 / -1}.page-heading-actions .btn{width:100%}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-table tbody{display:grid;gap:var(--space-3);padding:var(--space-3)}.responsive-table tbody tr{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.responsive-table tbody td{display:grid;grid-template-columns:minmax(92px,.38fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.responsive-table tbody td:last-child{border-bottom:0}.responsive-table tbody td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.booking-link-head,.booking-link-head>.form-row{align-items:stretch;flex-direction:column}}.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}.admin-settings{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.config-group-card h3{margin:0 0 var(--space-3);font-size:var(--text-md)}.config-field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.config-field:last-of-type{border-bottom:none}.config-field label{flex:0 0 220px;color:var(--text-muted);font-size:var(--text-sm)}.config-field input[type=text],.config-field input[type=password]{flex:1 1 240px;min-width:160px}.config-field input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.config-secret{display:flex;align-items:center;gap:var(--space-2);flex:1 1 240px}.config-source{flex:0 0 auto;font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);white-space:nowrap}.config-actions{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3)}.config-readonly table{width:100%;border-collapse:collapse}.config-readonly td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.hint{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 var(--space-3)}.error-text{color:var(--danger);font-size:var(--text-sm)}.success-text{color:var(--ok);font-size:var(--text-sm)}.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}.guide-page{max-width:1180px;display:flex;flex-direction:column;gap:var(--space-5);scroll-behavior:smooth}.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-6);padding:clamp(28px,5vw,56px);border-radius:var(--radius-xl);color:#fff;background:radial-gradient(circle at 90% 10%,rgba(111,161,255,.42),transparent 34%),linear-gradient(135deg,#0a0a0b,#102555 58%,#1a66ff 130%);box-shadow:var(--shadow-lg)}.guide-hero h1{margin:var(--space-2) 0 var(--space-3);font-size:clamp(34px,6vw,58px);line-height:1.05;letter-spacing:-.035em}.guide-hero-copy>p:not(.guide-eyebrow){max-width:720px;margin:0;color:#ffffffd1;font-size:var(--text-lg);line-height:1.7}.guide-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:#bcd3ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.guide-hero-actions .btn-secondary{border-color:#ffffff59;color:#fff;background:#ffffff14}.guide-progress-card{align-self:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-progress-card strong{font-size:var(--text-lg)}.guide-progress-card span{color:#ffffffc2}.guide-toc{display:flex;gap:var(--space-2);padding:var(--space-3);position:sticky;top:64px;z-index:20;overflow-x:auto}.guide-toc a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;text-decoration:none}.guide-toc a:hover{color:var(--accent);background:var(--accent-weak)}.guide-account,.guide-section,.guide-footer{padding:clamp(22px,4vw,40px);scroll-margin-top:132px}.guide-account{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr);gap:var(--space-6);border-left:4px solid var(--accent)}.guide-account h2,.guide-section h2{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.025em}.guide-account>div>p:last-child,.guide-section-heading p:last-child{margin-bottom:0;color:var(--text-muted)}.guide-account dl{margin:0;display:grid;gap:var(--space-2)}.guide-account dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.guide-account dt{color:var(--text-muted);font-weight:600}.guide-account dd{margin:0;min-width:0;overflow-wrap:anywhere}.guide-warning{grid-column:1 / -1;display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--warning-text);background:var(--warning-bg)}.guide-section-heading{display:flex;gap:var(--space-4);align-items:flex-start;padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.guide-section-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-weak)}.guide-section-number{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-screen-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0}.guide-screen-meta code,.guide-screen-meta span{padding:3px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.guide-screen-meta code{color:var(--accent);background:var(--accent-weak)}.guide-screen-meta span{color:var(--text-muted);background:var(--surface-3)}.guide-section-body{max-width:880px;margin:0 auto;padding-top:var(--space-5);line-height:1.8}.guide-section-body h3{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-lg)}.guide-section-body h3:first-child{margin-top:0}.guide-section-body li+li{margin-top:var(--space-2)}.guide-figure{margin:var(--space-5) 0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.guide-figure img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:top}.guide-figure figcaption{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.guide-example{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--accent-weak)}.guide-table-wrap{overflow-x:auto}.guide-role-table,.guide-control-table{width:100%;border-collapse:collapse}.guide-role-table th,.guide-role-table td,.guide-control-table th,.guide-control-table td{padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.guide-role-table th,.guide-role-table td{text-align:center}.guide-role-table th:first-child,.guide-role-table td:first-child{text-align:left}.guide-control-table th{color:var(--text-muted);font-size:var(--text-sm);text-align:left}.guide-control-table th:first-child,.guide-control-table td:first-child{width:32%;color:var(--text);font-weight:700}.guide-result,.guide-callout{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-md)}.guide-result{border:1px solid color-mix(in srgb,var(--ok) 32%,var(--border));background:color-mix(in srgb,var(--ok) 9%,var(--surface))}.guide-result>svg{flex:0 0 auto;color:var(--ok)}.guide-result p,.guide-callout ul{margin:var(--space-1) 0 0}.guide-callout{border:1px solid color-mix(in srgb,var(--warning-text) 25%,var(--border));color:var(--warning-text);background:var(--warning-bg)}.guide-callout>svg{flex:0 0 auto}.guide-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0;list-style:none}.guide-checklist li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.guide-checklist svg{flex:0 0 auto;color:var(--ok)}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.guide-footer>div{display:flex;align-items:flex-start;gap:var(--space-3)}.guide-footer p{margin:var(--space-1) 0 0;color:var(--text-muted)}@media(max-width:900px){.guide-hero,.guide-account{grid-template-columns:1fr}.guide-progress-card{width:100%}.guide-toc{justify-content:start}}@media(max-width:640px){.guide-page{padding-inline:var(--space-3)}.guide-hero{padding:var(--space-6) var(--space-4)}.guide-account dl div,.guide-checklist{grid-template-columns:1fr}.guide-footer{align-items:stretch;flex-direction:column}}@media print{.app-header,.guide-toc,.guide-hero-actions,.guide-footer{display:none!important}.app-shell,.app-content{height:auto;overflow:visible}.guide-page{max-width:none;padding:0}.guide-hero,.guide-account{break-inside:avoid;box-shadow:none}.guide-section{break-before:page;break-inside:auto;padding:0;border:0;box-shadow:none}.guide-figure,.guide-callout,.guide-checklist li{break-inside:avoid}}