@font-face{font-family:Butler;src:url(/app/fonts/butler-bold.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--color-bg: #FEF9F3;--color-surface: #FFFFFF;--color-surface-2: #FBF5EC;--color-sunken: #F2EADA;--color-text: #464443;--color-text-2: #5C5955;--color-muted: #75706A;--color-line: #E8DECE;--color-line-strong: #CDBFA9;--color-brand: #464443;--color-brand-hover: #2F2E2C;--color-on-brand: #FEF9F3;--color-accent: #E0B997;--color-accent-strong: #B9824F;--color-accent-soft: #F7ECE1;--color-on-accent: #3E2B1B;--color-focus: #8B5E34;--color-success: #2F5116;--color-success-soft: #DDE5C4;--color-warning: #8A5A12;--color-warning-soft: #FBEBD0;--color-danger: #A8322A;--color-danger-soft: #F8E1DC;--color-info-soft: #F2EADA;--rail-bg: #464443;--rail-text: #E4D9C5;--rail-text-strong: #FEF9F3;--rail-hover: rgba(242,234,218,.08);--font-display: "Butler", "2a.Butler_Bold", "DM Serif Display", Georgia, "Times New Roman", serif;--font-body: "owners-text", "Owners Text", "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--leading-xs: 1.1rem;--text-sm: .8125rem;--leading-sm: 1.2rem;--text-base: .9375rem;--leading-base: 1.45rem;--text-lg: 1.125rem;--leading-lg: 1.55rem;--text-xl: 1.5rem;--leading-xl: 1.9rem;--text-2xl: 2.25rem;--leading-2xl: 2.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 0 rgba(70,68,67,.06);--shadow-md: 0 6px 18px -8px rgba(70,68,67,.22);--shadow-lg: 0 24px 48px -18px rgba(70,68,67,.38);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .42s;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-spring: cubic-bezier(.34,1.56,.64,1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #262422;--color-surface: #302E2B;--color-surface-2: #373431;--color-sunken: #201E1C;--color-text: #F2EADA;--color-text-2: #DCD0BC;--color-muted: #ADA292;--color-line: #47423D;--color-line-strong: #5E5852;--color-brand: #E0B997;--color-brand-hover: #EBCBAE;--color-on-brand: #2B2927;--color-accent: #E0B997;--color-accent-strong: #E0B997;--color-accent-soft: #4A3B2D;--color-on-accent: #2B2016;--color-focus: #E0B997;--color-success: #B5CF8C;--color-success-soft: #2F3A22;--color-warning: #EAC27E;--color-warning-soft: #45381F;--color-danger: #F09A8A;--color-danger-soft: #4A2724;--color-info-soft: #3A3631;--rail-bg: #1C1B19;--rail-text: #CFC4B1;--rail-hover: rgba(255,255,255,.06);--shadow-md: 0 8px 22px -10px rgba(0,0,0,.6);--shadow-lg: 0 24px 48px -18px rgba(0,0,0,.7)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #262422;--color-surface: #302E2B;--color-surface-2: #373431;--color-sunken: #201E1C;--color-text: #F2EADA;--color-text-2: #DCD0BC;--color-muted: #ADA292;--color-line: #47423D;--color-line-strong: #5E5852;--color-brand: #E0B997;--color-brand-hover: #EBCBAE;--color-on-brand: #2B2927;--color-accent: #E0B997;--color-accent-strong: #E0B997;--color-accent-soft: #4A3B2D;--color-on-accent: #2B2016;--color-focus: #E0B997;--color-success: #B5CF8C;--color-success-soft: #2F3A22;--color-warning: #EAC27E;--color-warning-soft: #45381F;--color-danger: #F09A8A;--color-danger-soft: #4A2724;--color-info-soft: #3A3631;--rail-bg: #1C1B19;--rail-text: #CFC4B1;--rail-hover: rgba(255,255,255,.06);--shadow-md: 0 8px 22px -10px rgba(0,0,0,.6);--shadow-lg: 0 24px 48px -18px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}body{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}#root{height:100%}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);margin:0;letter-spacing:-.012em}h1{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:400}h2{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:400}h3{font-size:var(--text-base);font-weight:600;font-family:var(--font-body)}p{margin:0}a{color:var(--color-focus)}code,.mono{font-family:var(--font-mono);font-size:.85em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.shell{display:grid;grid-template-columns:232px 1fr;height:100%}.rail{background:var(--rail-bg);color:var(--rail-text);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);position:relative;overflow-y:auto}.rail:after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(224,185,151,.38) 0 1px,transparent 1px 8px) right top / 5px 100% no-repeat,repeating-linear-gradient(to bottom,rgba(224,185,151,.55) 0 1px,transparent 1px 40px) right top / 10px 100% no-repeat}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:6px 8px 18px;color:var(--rail-text-strong);text-decoration:none}.brand-name{font-family:var(--font-display);font-weight:650;font-size:1.05rem;line-height:1.1}.brand-sub{font-size:var(--text-sm);color:var(--rail-text);letter-spacing:.02em}.nav-group{margin-top:var(--space-4)}.nav-label{font-size:var(--text-xs);color:var(--rail-text);opacity:.7;padding:0 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--rail-text);text-decoration:none;font-size:var(--text-sm);position:relative;min-height:36px;transition:background var(--duration-fast)}.nav-link:hover{background:var(--rail-hover);color:var(--rail-text-strong)}.nav-link.active{color:var(--rail-text-strong);background:#ffffff17}.nav-link.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}.nav-count{margin-left:auto;font-size:var(--text-xs);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-pill);padding:0 7px;font-weight:700}.rail-foot{margin-top:auto;padding:var(--space-3) 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xs);display:grid;gap:8px}.live{display:inline-flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;border-radius:50%;background:#4cc08c;box-shadow:0 0 0 3px #4cc08c2e}.live-dot.off{background:#e2876f;box-shadow:0 0 0 3px #e2876f2e}.rail-btn{background:none;border:0;color:var(--rail-text);font:inherit;font-size:var(--text-xs);padding:0;cursor:pointer;text-align:left}.rail-btn:hover{color:var(--rail-text-strong)}.main{min-width:0;height:100%;overflow:auto}.topbar{display:none}.demo-banner{background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-sm);padding:6px var(--space-6);border-bottom:1px solid var(--color-line)}.page{padding:var(--space-6) var(--space-8) var(--space-8);max-width:1320px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-head p{color:var(--color-muted);margin-top:4px;max-width:70ch}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stack{display:grid;gap:var(--space-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.spacer{flex:1}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.divider{height:1px;background:var(--color-line);margin:var(--space-4) 0;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast);white-space:nowrap}.btn:hover{background:var(--color-surface-2);border-color:var(--color-text-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.btn.primary:hover{background:var(--color-brand-hover)}.btn.accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn.danger{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 50%,transparent)}.btn.danger:hover{background:var(--color-danger-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--color-surface-2)}.btn.sm{min-height:30px;padding:0 10px;font-size:var(--text-xs)}.btn.loading{position:relative;color:transparent!important}.btn.loading:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-color:var(--color-muted) transparent var(--color-muted) transparent;animation:spin .8s linear infinite}.btn.primary.loading:after{border-color:var(--color-on-brand) transparent var(--color-on-brand) transparent}@keyframes spin{to{transform:rotate(360deg)}}.field{display:grid;gap:6px}.field>span.label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-2)}.field .hint{font-size:var(--text-xs);color:var(--color-muted)}.field .err{font-size:var(--text-xs);color:var(--color-danger)}.input,.textarea,.select{width:100%;font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:8px 10px;min-height:36px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-text-2)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 22%,transparent)}.input:disabled,.textarea:disabled{background:var(--color-surface-2);color:var(--color-muted)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.textarea{resize:vertical;min-height:88px;line-height:var(--leading-sm)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle .track{width:38px;height:22px;border-radius:999px;background:var(--color-line-strong);position:relative;transition:background var(--duration-base);flex:none}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration-base) var(--ease-spring);box-shadow:0 1px 2px #00000040}.toggle input:checked+.track{background:var(--color-success)}.toggle input:checked+.track:after{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--color-focus);outline-offset:2px}.toggle input:disabled+.track{opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px}.chips:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 22%,transparent)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-info-soft);color:var(--color-text);border-radius:var(--radius-pill);padding:2px 4px 2px 10px;font-size:var(--text-xs);font-weight:700}.chip button{border:0;background:none;cursor:pointer;color:var(--color-muted);width:20px;height:20px;border-radius:50%;font:inherit;line-height:1}.chip button:hover{background:#00000014;color:var(--color-text)}.chips input{border:0;outline:none;flex:1;min-width:120px;font:inherit;font-size:var(--text-sm);background:transparent;color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);padding:1px 9px;font-size:var(--text-xs);font-weight:700;line-height:1.5;border:1px solid transparent;white-space:nowrap}.badge.neutral{background:var(--color-sunken);color:var(--color-text-2)}.badge.brand{background:transparent;border-color:var(--color-text-2);color:var(--color-text)}.badge.accent{background:var(--color-accent);color:var(--color-on-accent)}.badge.success{background:var(--color-success-soft);color:var(--color-success)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge.info{background:var(--color-info-soft);color:var(--color-focus)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-line);margin-bottom:var(--space-4);overflow-x:auto}.tab{border:0;background:none;font:inherit;font-size:var(--text-sm);font-weight:700;color:var(--color-muted);padding:10px 14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;min-height:44px}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.table-wrap{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}table.t{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.t th{text-align:left;font-weight:700;color:var(--color-muted);font-size:var(--text-xs);padding:10px 12px;border-bottom:1px solid var(--color-line);background:var(--color-surface-2);white-space:nowrap}.t td{padding:10px 12px;border-bottom:1px solid var(--color-line);vertical-align:top}.t tr:last-child td{border-bottom:0}.t tr.clickable{cursor:pointer}.t tr.clickable:hover td{background:var(--color-surface-2)}.empty{border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-muted);display:grid;gap:8px;justify-items:center}.empty h3{color:var(--color-text)}.note{border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--text-sm);display:flex;gap:10px;align-items:flex-start}.note.error{background:var(--color-danger-soft);color:var(--color-danger)}.note.warn{background:var(--color-warning-soft);color:var(--color-warning)}.note.info{background:var(--color-info-soft);color:var(--color-text)}.note.ok{background:var(--color-success-soft);color:var(--color-success)}.skeleton{background:linear-gradient(90deg,var(--color-sunken),var(--color-surface-2),var(--color-sunken));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.meter{display:grid;gap:4px;min-width:120px}.meter-ticks{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;align-items:end;height:14px}.meter-ticks i{display:block;height:7px;background:var(--color-line);border-radius:1px;transition:background var(--duration-slow) var(--ease-out)}.meter-ticks i:nth-child(6n){height:14px}.meter-ticks i.on{background:var(--color-accent-strong)}.meter.low .meter-ticks i.on{background:var(--color-danger)}.meter-label{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.meter.low .meter-label{color:var(--color-danger);font-weight:700}.meter.closed .meter-label{text-decoration:line-through}.meter.mini{min-width:64px}.meter.mini .meter-ticks{height:8px;gap:1px}.meter.mini .meter-ticks i{height:4px}.meter.mini .meter-ticks i:nth-child(6n){height:8px}.inbox{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;height:100%}.inbox.no-context{grid-template-columns:340px minmax(0,1fr)}.pane{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--color-line);background:var(--color-surface);height:100%}.pane:last-child{border-right:0}.pane-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);display:grid;gap:var(--space-2)}.pane-body{overflow-y:auto;flex:1}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-2);border-radius:var(--radius-pill);padding:3px 10px;font:inherit;font-size:var(--text-xs);font-weight:700;cursor:pointer;min-height:28px}.filter:hover{border-color:var(--color-text-2)}.filter[aria-pressed=true]{background:var(--color-brand);color:var(--color-on-brand);border-color:var(--color-brand)}.conv{display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:12px var(--space-4);border-bottom:1px solid var(--color-line);cursor:pointer;text-decoration:none;color:inherit;position:relative}.conv:hover{background:var(--color-surface-2)}.conv.active{background:var(--color-info-soft)}.conv.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent)}.conv-name{font-weight:700;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-preview{font-size:var(--text-sm);color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conv-meta{display:grid;justify-items:end;gap:6px;font-size:var(--text-xs);color:var(--color-muted)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:400;font-size:.9rem;color:var(--color-text);background:var(--color-sunken);border:1px solid var(--color-line)}.chan{font-size:10px;font-weight:700;letter-spacing:.02em;border-radius:4px;padding:0 5px;border:1px solid var(--color-line-strong);color:var(--color-text-2)}.thread{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--color-bg)}.thread-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap}.thread-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:10px}.msg{max-width:min(72%,620px);display:grid;gap:4px}.msg.customer{align-self:flex-start}.msg.bot,.msg.human{align-self:flex-end;justify-items:end}.bubble{padding:9px 13px;border-radius:14px;font-size:var(--text-sm);line-height:var(--leading-sm);white-space:pre-wrap;overflow-wrap:anywhere}.msg.customer .bubble{background:var(--color-surface);border:1px solid var(--color-line);border-bottom-left-radius:4px}.msg.bot .bubble{background:var(--color-surface);border:1px solid var(--color-line);border-right:3px solid var(--color-accent);border-bottom-right-radius:4px}.msg.human .bubble{background:var(--color-brand);color:var(--color-on-brand);border-bottom-right-radius:4px}.msg-meta{font-size:var(--text-xs);color:var(--color-muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.msg.failed .bubble{border-color:var(--color-danger);border-style:dashed}.sys{align-self:center;font-size:var(--text-xs);color:var(--color-muted);padding:4px 10px;border-radius:var(--radius-pill);border:1px dashed var(--color-line-strong);max-width:80%;text-align:center}.sys.note-internal{border-style:solid;background:var(--color-warning-soft);color:var(--color-warning)}.trace{font-size:var(--text-xs);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:8px 10px;display:grid;gap:4px;text-align:left;max-width:520px}.trace dt{color:var(--color-muted)}.trace dl{display:grid;grid-template-columns:90px 1fr;gap:3px 10px;margin:0}.trace dd{margin:0}.linkbtn{border:0;background:none;padding:0;color:var(--color-focus);font:inherit;font-size:var(--text-xs);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.composer{border-top:1px solid var(--color-line);background:var(--color-surface);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2)}.composer.internal{background:var(--color-warning-soft)}.composer .textarea{min-height:64px}.ctx{padding:var(--space-4);display:grid;gap:var(--space-4);align-content:start}.ctx-section{display:grid;gap:6px}.ctx-section h3{font-size:var(--text-sm)}.kv{display:grid;grid-template-columns:96px 1fr;gap:4px 8px;font-size:var(--text-sm)}.kv dt{color:var(--color-muted)}.kv dd{margin:0;overflow-wrap:anywhere}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.kpi{padding:var(--space-4);border-right:1px solid var(--color-line);display:grid;gap:2px}.kpi:last-child{border-right:0}.kpi-value{font-family:var(--font-display);font-size:2rem;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-label{font-size:var(--text-xs);color:var(--color-muted)}.kpi-target{font-size:var(--text-xs)}.approval{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-4)}.quote{border-left:3px solid var(--color-line-strong);padding:2px 0 2px 10px;color:var(--color-text-2);font-size:var(--text-sm);white-space:pre-wrap}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e17306b;z-index:40;animation:fade var(--duration-base) var(--ease-out)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--color-surface);z-index:41;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide var(--duration-base) var(--ease-out);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.drawer-head{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-line);display:flex;align-items:center;gap:var(--space-3)}.drawer-body{padding:var(--space-4) var(--space-6);overflow-y:auto;flex:1;display:grid;gap:var(--space-4);align-content:start}.drawer-foot{padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-line);display:flex;gap:var(--space-2);justify-content:flex-end}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(24px);opacity:0}}.toasts{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:grid;gap:8px;z-index:60}.toast{background:var(--color-text);color:var(--color-bg);padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow-md);max-width:380px;animation:slide var(--duration-base) var(--ease-out);display:flex;gap:10px;align-items:center}.toast.error{background:var(--color-danger);color:#fff}.chart{width:100%;height:auto;display:block}.legend{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.hbar{display:grid;grid-template-columns:150px 1fr 40px;gap:10px;align-items:center;font-size:var(--text-sm)}.hbar-track{height:10px;background:var(--color-sunken);border-radius:999px;overflow:hidden}.hbar-fill{height:100%;background:var(--color-text-2);border-radius:999px;transform-origin:left;animation:grow var(--duration-slow) var(--ease-out)}@keyframes grow{0%{transform:scaleX(0)}}.login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:var(--rail-bg);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art h1{color:#fef9f3;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;max-width:12ch;font-weight:400}.login-art p{color:#e4d9c5;max-width:40ch;margin-top:14px}.ruler-art{position:absolute;right:48px;top:0;bottom:0;width:64px;background:repeating-linear-gradient(to bottom,rgba(224,185,151,.5) 0 1px,transparent 1px 12px) right / 22px 100% no-repeat,repeating-linear-gradient(to bottom,#E0B997 0 2px,transparent 2px 60px) right / 56px 100% no-repeat}.login-form{display:grid;place-items:center;padding:32px;background:var(--color-surface)}.login-form form{width:min(380px,100%);display:grid;gap:var(--space-4)}.wprev{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:repeating-linear-gradient(45deg,var(--color-surface-2) 0 10px,var(--color-bg) 10px 20px);height:560px;position:relative;overflow:hidden}@media(max-width:1240px){.inbox{grid-template-columns:300px minmax(0,1fr)}.inbox .ctx-pane{display:none}.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:960px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.rail{display:none}.rail.open{display:flex;position:fixed;top:0;right:30%;bottom:0;left:0;z-index:50}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--rail-bg);color:#fff;position:sticky;top:env(safe-area-inset-top,0px);z-index:30}.topbar .btn{color:#fff;border-color:#ffffff4d;background:transparent}.page{padding:var(--space-4)}.grid-2,.grid-3,.approval,.login{grid-template-columns:1fr}.login-art{min-height:260px;padding:28px}}@media(max-width:720px){.inbox,.inbox.no-context{grid-template-columns:1fr}.inbox.has-thread .list-pane{display:none}.inbox:not(.has-thread) .thread-pane{display:none}.msg{max-width:88%}.thread-body{padding:var(--space-3)}.hbar{grid-template-columns:110px 1fr 34px}.btn{min-height:44px}.filter{min-height:36px}}.back-btn{display:none}@media(max-width:720px){.back-btn{display:inline-flex}.thread-split{grid-template-columns:1fr!important}}