@charset "UTF-8";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-body);cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn--md{padding:8px 16px}.btn--sm{padding:4px 12px;font-size:13px}.btn--primary{background:var(--color-cyan-signal);border:1px solid var(--color-cyan-edge);color:var(--color-pure-white);font-weight:var(--font-weight-medium)}.btn--primary:hover:not(:disabled){background:var(--color-cyan-edge)}.btn--ghost{background:transparent;border:1px solid var(--color-stone-border);color:var(--color-ink-black);font-weight:var(--font-weight-regular)}.btn--ghost:hover:not(:disabled){border-color:var(--color-stone-muted);background:var(--color-pure-white)}.btn--inverted{background:var(--surface-inverted);border:1px solid var(--surface-inverted);color:var(--color-pure-white);font-weight:var(--font-weight-medium)}.btn--inverted:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.5;cursor:default}.form-field{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-field__label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-ink-black)}.form-field__hint{font-size:12px;color:var(--color-ash-gray)}.text-input{width:100%;background:var(--surface-card);border:1px solid var(--color-stone-muted);border-radius:var(--radius-inputs);padding:8px 12px;font-family:var(--font-ui);font-size:var(--text-body);color:var(--color-ink-black);outline:none}.text-input::placeholder{color:var(--color-warm-gray)}.text-input:focus{border-color:var(--color-cyan-signal)}.text-input:disabled{background:var(--color-stone-canvas);color:var(--color-ash-gray)}.text-input--area{resize:vertical;min-height:88px;line-height:var(--leading-body)}.status-pill{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap}.status-pill--needs-attention{background:var(--color-cyan-signal);color:var(--color-pure-white)}.status-pill--operator-active{background:var(--surface-inverted);color:var(--color-pure-white)}.status-pill--bot-active{background:transparent;border:1px solid var(--color-stone-border);color:var(--color-warm-gray)}.status-pill--closed{background:transparent;color:var(--color-ash-gray)}.card{background:var(--surface-card);border:1px solid var(--color-stone-border);border-radius:var(--radius-cards);padding:var(--card-padding);box-shadow:var(--shadow-md)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-stone-muted);border-top-color:var(--color-cyan-signal);border-radius:var(--radius-full);animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;font-weight:var(--font-weight-medium)}.avatar--bot{background:var(--color-sky-wash);color:var(--color-cyan-edge)}.avatar--operator{background:var(--color-stone-border);color:var(--color-ink-black)}.avatar--visitor{background:var(--color-stone-muted);color:var(--color-ink-black)}.typing-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--color-warm-gray);font-size:12.5px}.typing-indicator__dots{display:inline-flex;gap:3px}.typing-indicator__dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-warm-gray);animation:typing-pulse 1s infinite ease-in-out}.typing-indicator__dot:nth-child(2){animation-delay:.15s}.typing-indicator__dot:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,to{opacity:.25}50%{opacity:1}}.chat-bubble{max-width:82%;display:flex;flex-direction:column;gap:2px}.chat-bubble__text{padding:9px 13px;border-radius:var(--radius-bubble);font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:break-word}.chat-bubble__meta{font-size:11px;color:var(--color-ash-gray);padding:0 var(--spacing-4)}.chat-bubble--from-visitor{align-self:flex-end;align-items:flex-end}.chat-bubble--from-visitor .chat-bubble__text{background:var(--color-cyan-signal);color:var(--color-pure-white);border-bottom-right-radius:var(--radius-md)}.chat-bubble--from-bot,.chat-bubble--from-operator{align-self:flex-start;align-items:flex-start}.chat-bubble--from-bot .chat-bubble__text,.chat-bubble--from-operator .chat-bubble__text{background:var(--surface-card);border:1px solid var(--color-stone-border);color:var(--color-ink-black);border-bottom-left-radius:var(--radius-md)}.conversation-card{display:flex;flex-direction:column;gap:var(--spacing-8);width:100%;text-align:left;background:var(--surface-card);border:1px solid var(--color-stone-border);border-radius:var(--radius-cards);padding:var(--spacing-16);cursor:pointer;font-family:var(--font-ui)}.conversation-card:hover{border-color:var(--color-stone-muted)}.conversation-card--is-active{border-color:var(--color-cyan-edge);background:color-mix(in srgb,var(--color-sky-wash) 24%,var(--color-pure-white))}.conversation-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);min-width:0}.conversation-card__title{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card__time{font-size:12px;color:var(--color-ash-gray);flex-shrink:0}.conversation-card__preview{font-size:var(--text-body);color:var(--color-warm-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-tile{display:flex;flex-direction:column;gap:var(--spacing-4)}.stat-tile__value{font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading-sm);line-height:var(--leading-heading-sm);color:var(--color-ink-black)}.stat-tile__label{font-size:var(--text-body);color:var(--color-warm-gray)}.stat-tile__note{font-size:12px;color:var(--color-ash-gray)}.tab-pills{display:flex;gap:var(--element-gap);flex-wrap:wrap}.tab-pills__pill{border-radius:var(--radius-full);border:1px solid var(--color-stone-border);background:transparent;color:var(--color-ink-black);font-family:var(--font-ui);font-size:13px;padding:4px 12px;cursor:pointer}.tab-pills__pill:hover{border-color:var(--color-stone-muted)}.tab-pills__pill--is-active{background:var(--surface-inverted);border-color:var(--surface-inverted);color:var(--color-pure-white)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-24)}.auth-page__card{width:400px;display:flex;flex-direction:column;gap:var(--spacing-24)}.auth-page__title{color:var(--color-ink-black)}.auth-page__form{display:flex;flex-direction:column;gap:var(--spacing-16)}.auth-page__error{font-size:13px;color:var(--color-ink-black);background:var(--color-stone-canvas);border:1px solid var(--color-stone-muted);border-radius:var(--radius-inputs);padding:var(--spacing-8) var(--spacing-12)}.auth-page__switch{border:none;background:none;color:var(--color-cyan-edge);font-family:var(--font-ui);font-size:13px;cursor:pointer;align-self:flex-start;padding:0}.auth-page__switch:hover{text-decoration:underline}.panel-layout{display:grid;grid-template-columns:200px 1fr;height:100%}.panel-layout__sidebar{display:flex;flex-direction:column;gap:var(--spacing-24);padding:var(--spacing-24) var(--spacing-16);background:var(--surface-card);border-right:1px solid var(--color-stone-border)}.panel-layout__brand{font-weight:var(--font-weight-medium);color:var(--color-ink-black);display:flex;align-items:center;gap:var(--spacing-8)}.panel-layout__brand-glyph{color:var(--color-cyan-signal)}.panel-layout__nav{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1}.panel-layout__nav-link{padding:6px 12px;border-radius:var(--radius-inputs);color:var(--color-warm-gray);font-size:var(--text-body);text-decoration:none}.panel-layout__nav-link:hover{color:var(--color-ink-black);text-decoration:none}.panel-layout__nav-link--is-active{color:var(--color-ink-black);background:var(--color-stone-canvas);font-weight:var(--font-weight-medium)}.panel-layout__logout{border:none;background:none;color:var(--color-ash-gray);font-family:var(--font-ui);font-size:13px;text-align:left;padding:6px 12px;cursor:pointer}.panel-layout__logout:hover{color:var(--color-ink-black)}.panel-layout__content{overflow-y:auto;padding:var(--spacing-32)}.conversations-page{display:grid;grid-template-columns:360px 1fr;gap:var(--spacing-24);height:calc(100vh - var(--spacing-64))}.conversations-page__list{display:flex;flex-direction:column;gap:var(--spacing-16);min-height:0}.conversations-page__cards{display:flex;flex-direction:column;gap:var(--spacing-8);overflow-y:auto;min-height:0}.conversations-page__empty{color:var(--color-warm-gray)}.conversations-page__chat{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--color-stone-border);border-radius:var(--radius-cards);min-height:0;overflow:hidden}.conversations-page__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-ash-gray)}.conversations-page__chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding:var(--spacing-16);border-bottom:1px solid var(--color-stone-border)}.conversations-page__chat-title{display:flex;align-items:center;gap:var(--spacing-8);font-weight:var(--font-weight-medium)}.conversations-page__chat-actions{display:flex;gap:var(--spacing-8)}.conversations-page__escalation{padding:var(--spacing-8) var(--spacing-16);font-size:13px;color:var(--color-cyan-edge);background:color-mix(in srgb,var(--color-sky-wash) 40%,var(--color-pure-white));border-bottom:1px solid var(--color-stone-border)}.conversations-page__messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-12);padding:var(--spacing-16);background:var(--surface-canvas)}.conversations-page__composer{display:flex;gap:var(--spacing-8);padding:var(--spacing-12);border-top:1px solid var(--color-stone-border);align-items:flex-end}.conversations-page__composer .text-input--area{min-height:44px}.conversations-page__composer-note{padding:var(--spacing-12) var(--spacing-16);border-top:1px solid var(--color-stone-border);color:var(--color-ash-gray);font-size:13px}.page{display:flex;flex-direction:column;gap:var(--spacing-24);max-width:760px}.page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-16)}.page__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding:var(--spacing-12) 0;border-bottom:1px solid var(--color-stone-border)}.page__row:last-child{border-bottom:none}.page__row-main{min-width:0}.page__row-title{font-weight:var(--font-weight-medium);color:var(--color-ink-black)}.page__row-sub{font-size:12px;color:var(--color-ash-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page__form{display:flex;flex-direction:column;gap:var(--spacing-16)}.page__error{font-size:13px;color:var(--color-ink-black);background:var(--color-stone-canvas);border:1px solid var(--color-stone-muted);border-radius:var(--radius-inputs);padding:var(--spacing-8) var(--spacing-12)}.page__muted{color:var(--color-warm-gray)}.page__code{font-family:Consolas,monospace;font-size:12.5px;background:var(--color-stone-canvas);border:1px solid var(--color-stone-border);border-radius:var(--radius-inputs);padding:var(--spacing-8) var(--spacing-12);overflow-x:auto}:root{--color-stone-canvas: #fafaf9;--color-pure-white: #ffffff;--color-stone-border: #e8e6e5;--color-stone-muted: #d6d3d1;--color-ash-gray: #a8a29e;--color-warm-gray: #78716c;--color-ink-black: #0c0a09;--color-soot: #1c1917;--color-sky-wash: #c1e1f7;--color-cyan-signal: #3ba6f1;--color-cyan-edge: #3398e1;--font-display: "Roobert", "Inter Tight", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 10px;--leading-caption: 2.3;--text-body: 14px;--leading-body: 1.64;--text-body-lg: 16px;--leading-body-lg: 1.69;--text-subheading: 20px;--leading-subheading: 1.2;--tracking-subheading: -.1px;--text-heading-sm: 32px;--leading-heading-sm: 1.25;--tracking-heading-sm: -.8px;--text-display: 52px;--leading-display: 1.12;--tracking-display: -1.092px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-160: 160px;--page-max-width: 1200px;--section-gap: 96px;--card-padding: 24px;--element-gap: 8px;--radius-md: 4px;--radius-inputs: 6px;--radius-cards: 10px;--radius-bubble: 14px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-md: rgba(0, 0, 0, .05) 0px 4px 16px 0px;--shadow-sm: rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .1) 0px 2px 4px -2px;--shadow-subtle: rgba(0, 0, 0, .05) 0px 1px 2px 0px;--shadow-xl: rgba(17, 12, 46, .12) 0px 12px 45px 0px;--surface-canvas: var(--color-stone-canvas);--surface-card: var(--color-pure-white);--surface-inverted: var(--color-soot);--th-accent: var(--color-cyan-signal)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--surface-canvas);color:var(--color-ink-black);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-regular)}h1{font-size:var(--text-heading-sm);letter-spacing:var(--tracking-heading-sm);line-height:var(--leading-heading-sm)}h2{font-size:var(--text-subheading);letter-spacing:var(--tracking-subheading);line-height:var(--leading-subheading)}a{color:var(--color-cyan-edge);text-decoration:none}a:hover{text-decoration:underline}.highlight{color:var(--color-cyan-edge);background:var(--color-sky-wash);padding:2px 8px;border-radius:var(--radius-md)}