:root{--t-teal-100: #9fe1cb;--t-teal-200: #5dcaa5;--t-teal-400: #1d9e75;--t-teal-600: #0f6e56;--t-primary: #5dcaa5;--t-primary-hover: #9fe1cb;--t-accent: #1d9e75;--t-bg: #0d1f1b;--t-card: #132d27;--t-card-2: #16302a;--t-border: #1e3f38;--t-text: #e8f0ed;--t-text-secondary: #8fa8a0;--t-danger: #f09595;--t-danger-bg: rgba(240, 149, 149, .12);--t-warning: #ef9f27;--t-warning-bg: rgba(239, 159, 39, .12);--t-info: #85b7eb;--t-info-bg: rgba(133, 183, 235, .12);--t-success: #5dcaa5;--t-success-bg: rgba(93, 202, 165, .12);--t-radius: 2px;--t-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", system-ui, sans-serif;--t-mono: "JetBrains Mono", "Fira Code", Consolas, monospace}:root[data-theme=light]{--t-primary: #0f6e56;--t-primary-hover: #085041;--t-accent: #1d9e75;--t-bg: #fafbfa;--t-card: #ffffff;--t-card-2: #f1f3f2;--t-border: #e2e5e3;--t-text: #1a1d1b;--t-text-secondary: #5f6562;--t-danger: #a32d2d;--t-danger-bg: #fcebeb;--t-warning: #ba7517;--t-warning-bg: #faeeda;--t-info: #185fa5;--t-info-bg: #e6f1fb;--t-success: #0f6e56;--t-success-bg: #e1f5ee}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--t-bg);color:var(--t-text);font-family:var(--t-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--t-primary);text-decoration:none}a:hover{color:var(--t-primary-hover)}button,input,textarea,select{font:inherit}.app-shell{display:flex;height:100%}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:.85rem .75rem;background:var(--t-card);border-right:1px solid var(--t-border)}.sidebar .brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--t-text);white-space:nowrap;padding:.35rem .6rem .85rem}.sidebar .brand span{color:var(--t-primary)}.sidenav{display:flex;flex-direction:column;gap:.15rem}.nav-item{display:block;padding:.5rem .65rem;border-radius:var(--t-radius);color:var(--t-text-secondary);font-weight:500;font-size:.92rem;border-left:2px solid transparent}.nav-item:hover{color:var(--t-text);background:var(--t-card-2)}.nav-item.active{color:var(--t-text);background:var(--t-card-2);border-left-color:var(--t-primary)}.nav-section{margin:.9rem .65rem .3rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-text-secondary)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.55rem 1.25rem;background:var(--t-card);border-bottom:1px solid var(--t-border);flex-shrink:0;z-index:10}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.hamburger{display:none;place-items:center;width:34px;height:34px;padding:0;background:none;border:1px solid var(--t-border);border-radius:var(--t-radius);color:var(--t-text);font-size:1.15rem;line-height:1;cursor:pointer}.hamburger:hover{border-color:var(--t-accent)}.sidebar-backdrop{display:none}.avatar-btn{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;line-height:1;font-weight:700;font-size:.9rem;background:var(--t-success-bg);color:var(--t-primary);border:1px solid var(--t-teal-600);border-radius:var(--t-radius);cursor:pointer;transition:border-color .15s}.avatar-btn:hover{border-color:var(--t-accent)}.avatar-btn:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.user-menu{position:relative}.user-menu .menu{position:absolute;right:0;top:calc(100% + .45rem);min-width:190px;z-index:60;background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-radius);box-shadow:0 8px 24px #00000047;padding:.3rem;display:flex;flex-direction:column}.menu-email{font-size:.78rem;color:var(--t-text-secondary);padding:.4rem .5rem;border-bottom:1px solid var(--t-border);margin-bottom:.25rem;overflow-wrap:anywhere}.menu-item{text-align:left;background:none;border:none;color:var(--t-text);padding:.5rem;border-radius:var(--t-radius);cursor:pointer;font-size:.9rem;text-decoration:none}.menu-item:hover{background:var(--t-card-2)}.menu-item.danger{color:var(--t-danger)}@media (max-width: 760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 30px #00000059}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080}.hamburger{display:inline-grid}.topbar{gap:.85rem;padding:.55rem .9rem}}.container{width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1.25rem;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.container:has(.chat-page){overflow:hidden}.container:has(.customer-card){max-width:1230px}.narrow{max-width:420px}.card{background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:1.25rem}.stack{display:flex;flex-direction:column;gap:.85rem}.row{display:flex;gap:.75rem;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:1rem}label{font-size:.8rem;color:var(--t-text-secondary);display:block;margin-bottom:.3rem}input,textarea,select{width:100%;background:var(--t-bg);color:var(--t-text);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.55rem .65rem}input:focus,textarea:focus{outline:none;border-color:var(--t-accent)}textarea{resize:vertical;min-height:80px;font-family:inherit}.btn{display:inline-block;text-align:center;text-decoration:none;background:var(--t-primary);color:#06231b;border:1px solid var(--t-primary);border-radius:var(--t-radius);padding:.55rem 1rem;font-weight:600;cursor:pointer}.btn:hover{background:var(--t-primary-hover);border-color:var(--t-primary-hover);color:#06231b}:root[data-theme=light] .btn:not(.ghost):not(.danger){color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--t-text);border-color:var(--t-border)}.btn.ghost:hover{border-color:var(--t-accent);background:var(--t-card-2);color:var(--t-text)}.btn.danger{background:transparent;color:var(--t-danger);border-color:var(--t-danger)}.btn-sm{padding:.3rem .6rem;font-size:.82rem}.chat-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .5rem}.muted{color:var(--t-text-secondary)}.error{color:var(--t-danger);background:var(--t-danger-bg);border:1px solid var(--t-danger);border-radius:var(--t-radius);padding:.5rem .65rem;font-size:.88rem}.notice{color:var(--t-info);background:var(--t-info-bg);border:1px solid var(--t-info);border-radius:var(--t-radius);padding:.5rem .65rem;font-size:.88rem}.upsell{display:block;flex-shrink:0;font-size:.82rem;color:var(--t-primary);background:var(--t-success-bg);border:1px solid var(--t-teal-600);border-radius:var(--t-radius);padding:.5rem .65rem;text-decoration:none}.upsell:hover{color:var(--t-primary-hover);border-color:var(--t-accent)}.ticket-list{display:flex;flex-direction:column;gap:.5rem}.ticket-item{display:block;padding:.85rem 1rem;background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-radius)}.ticket-item:hover{border-color:var(--t-accent)}.ticket-item .subj{color:var(--t-text);font-weight:600}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:var(--t-radius);white-space:nowrap}.badge.open,.badge.waiting_for_support{color:var(--t-warning);background:var(--t-warning-bg)}.badge.waiting_for_customer{color:var(--t-info);background:var(--t-info-bg)}.badge.closed{color:var(--t-text-secondary);background:var(--t-card-2)}.badge.confirmed{color:var(--t-success);background:var(--t-success-bg)}.badge.pending{color:var(--t-warning);background:var(--t-warning-bg)}.badge.unsubscribed{color:var(--t-text-secondary);background:var(--t-card-2)}.tickets-layout{display:flex;gap:1rem;align-items:flex-start}.tickets-main{flex:1;min-width:0}.tickets-filters{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:.6rem;position:sticky;top:0}.filter-search{width:100%}.chips{display:flex;flex-direction:column;gap:.3rem}.chip{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;background:var(--t-card);color:var(--t-text-secondary);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.4rem .6rem;cursor:pointer;font-size:.85rem}.chip:hover{border-color:var(--t-accent);color:var(--t-text)}.chip.active{background:var(--t-success-bg);border-color:var(--t-teal-600);color:var(--t-text)}.chip-n{font-size:.72rem;color:var(--t-text-secondary);background:var(--t-card-2);border-radius:var(--t-radius);padding:0 .35rem}.ticket-customer{font-size:.8rem;margin-top:.15rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem}@media (max-width: 640px){.tickets-layout{flex-direction:column-reverse}.tickets-filters{width:100%;position:static}.chips{flex-direction:row;flex-wrap:wrap}}.chat-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem}.chat-head{flex-shrink:0}.ticket-times{font-size:.76rem;margin-top:.15rem}.thread{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto;padding-right:.3rem}.chat-row{display:flex;gap:.5rem;align-items:flex-end}.chat-row.left{flex-direction:row}.chat-row.right{flex-direction:row-reverse}.chat-row.grouped{margin-top:-.3rem}.avatar{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;line-height:1;font-size:.78rem;font-weight:600;background:var(--t-card-2);color:var(--t-text-secondary);border:1px solid var(--t-border);border-radius:var(--t-radius)}.avatar:empty{background:transparent;border-color:transparent}.chat-row.ai .avatar{color:var(--t-teal-200);border-color:var(--t-teal-600)}.bubble-wrap{display:flex;flex-direction:column;max-width:78%;min-width:0}.chat-row.right .bubble-wrap{align-items:flex-end}.bubble-meta{font-size:.7rem;color:var(--t-text-secondary);margin:0 .25rem .15rem}.bubble{padding:.55rem .75rem;border:1px solid var(--t-border);border-radius:var(--t-radius);background:var(--t-card)}.bubble.customer{background:var(--t-success-bg);border-color:var(--t-teal-600)}.bubble.ai{border-left:3px solid var(--t-teal-600)}.bubble.support{border-left:3px solid var(--t-info)}.bubble.intro{background:var(--t-card-2);color:var(--t-text-secondary)}.bubble-body{white-space:pre-wrap;word-break:break-word}.bubble .attachments{margin-top:.4rem;display:flex;flex-direction:column;gap:.2rem}.bubble .attachments a{font-size:.82rem;font-family:var(--t-mono)}.bubble-delivery{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--t-text-secondary);margin:.15rem .25rem 0}.chat-row.right .bubble-delivery{flex-direction:row-reverse}.bubble-delivery .delivery-ticks{font-size:.8rem;letter-spacing:-.08em}.bubble-delivery.read{color:var(--t-primary)}.bubble-delivery.failed{color:var(--t-danger)}.bubble-delivery .delivery-mail{opacity:.85}.thread-event{display:flex;justify-content:center;margin:.35rem 0}.thread-event-text{font-size:.72rem;color:var(--t-text-secondary);text-align:center;background:var(--t-card-2);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.28rem .6rem;max-width:88%}.thread-event.final_warning .thread-event-text{color:var(--t-warning);border-color:var(--t-warning);background:var(--t-warning-bg)}.thread-event.email_failed .thread-event-text{color:var(--t-danger);border-color:var(--t-danger);background:var(--t-danger-bg)}.thread-event.auto_closed .thread-event-text{color:var(--t-text)}.deadline-note{flex-shrink:0;font-size:.8rem;color:var(--t-warning);background:var(--t-warning-bg);border:1px solid var(--t-warning);border-radius:var(--t-radius);padding:.45rem .65rem}.ticket-layout{display:flex;flex:1;min-height:0;gap:1rem}.ticket-layout>.chat-page{min-width:0}.customer-card{width:250px;flex-shrink:0;align-self:stretch;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.85rem;font-size:.82rem}.cc-head{display:flex;gap:.55rem;align-items:flex-start}.cc-avatar{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--t-radius);background:var(--t-card-2);color:var(--t-primary);font-weight:700;font-size:.9rem}.cc-ident{min-width:0}.cc-name{font-weight:600;color:var(--t-text);line-height:1.3}.cc-email,.cc-company{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-email{color:var(--t-primary);text-decoration:none;font-size:.78rem}.cc-email:hover{color:var(--t-primary-hover);text-decoration:underline}.cc-company{color:var(--t-text-secondary);font-size:.78rem}.cc-flags{display:flex;flex-wrap:wrap;gap:.3rem}.cc-flag{font-size:.68rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--t-radius);background:var(--t-card-2);color:var(--t-text-secondary)}.cc-flag.warn{color:var(--t-warning);background:var(--t-warning-bg)}.cc-flag.danger{color:var(--t-danger);background:var(--t-danger-bg)}.cc-warn{color:var(--t-warning)}.cc-section{display:flex;flex-direction:column;gap:.28rem;border-top:1px solid var(--t-border);padding-top:.6rem}.cc-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-text-secondary)}.cc-row{display:flex;gap:.5rem;align-items:baseline}.cc-label{flex:0 0 5.2rem;color:var(--t-text-secondary);font-size:.75rem}.cc-value{flex:1;min-width:0;color:var(--t-text);overflow-wrap:anywhere}.cc-value code{font-family:var(--t-mono);font-size:.74rem}.cc-note{background:var(--t-card-2);border-left:2px solid var(--t-teal-600);padding:.35rem .5rem;font-size:.78rem;color:var(--t-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.cc-license{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem}.cc-license code{font-family:var(--t-mono);color:var(--t-text)}.cc-manage{margin-top:auto;font-size:.8rem;color:var(--t-primary);text-decoration:none}.cc-manage:hover{color:var(--t-primary-hover);text-decoration:underline}@media (max-width: 1000px){.ticket-layout{flex-direction:column-reverse}.customer-card{width:100%;align-self:auto;max-height:45vh}}.plan-modal{max-width:32rem}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.9rem 0 .6rem}.plan-option{display:flex;flex-direction:column;gap:.15rem;text-align:left;cursor:pointer;padding:.8rem .9rem;background:var(--t-card-2);color:var(--t-text);border:1px solid var(--t-border);border-radius:var(--t-radius)}.plan-option:hover{border-color:var(--t-accent)}.plan-option.selected{border-color:var(--t-primary);background:var(--t-success-bg)}.plan-price{font-size:1.35rem;font-weight:700;line-height:1.1}.plan-name{font-size:.9rem;font-weight:600}.plan-note{font-size:.76rem}.plan-fineprint{font-size:.78rem;margin:0 0 .9rem}.plan-saved{color:var(--t-primary);font-size:.9rem;margin:.5rem 0 1rem}@media (max-width: 26rem){.plan-grid{grid-template-columns:1fr}}.closed-card{gap:.75rem}.closed-upsell{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:.7rem;border-top:1px solid var(--t-border)}.kind-tag{margin-left:.5rem;padding:.08rem .4rem;border-radius:var(--t-radius);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--t-border);color:var(--t-text-secondary)}.kind-tag.support{color:var(--t-primary);border-color:var(--t-teal-600)}.unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--t-primary);margin-right:.4rem;vertical-align:middle}.bubble.typing{display:inline-flex;gap:.28rem;align-items:center}.bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--t-text-secondary);animation:typing 1.2s infinite ease-in-out}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.ai-switch{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.72rem;font-weight:600;white-space:nowrap;padding:.12rem .5rem;border-radius:var(--t-radius);color:var(--t-text-secondary);background:var(--t-card-2);border:1px solid var(--t-border)}.ai-switch.on{color:var(--t-primary);background:var(--t-success-bg);border-color:var(--t-teal-600)}.ai-switch:hover:not(:disabled){border-color:var(--t-accent)}.ai-switch:disabled{opacity:.55;cursor:default}@media (max-width: 560px){.bubble-wrap{max-width:86%}}.composer{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;background:var(--t-bg);padding-top:.6rem;border-top:1px solid var(--t-border)}.composer .row{justify-content:space-between}.file-pills{display:flex;flex-wrap:wrap;gap:.3rem}.file-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-family:var(--t-mono);background:var(--t-card-2);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.12rem .45rem;max-width:100%}.file-pill-x{background:none;border:none;padding:0 .1rem;line-height:1;font-size:1rem;color:var(--t-text-secondary);cursor:pointer}.file-pill-x:hover{color:var(--t-danger)}.file-input-hidden{display:none}.attach-btn{white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:grid;place-items:center;padding:1rem}.modal{background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:1.25rem;width:100%;max-width:380px;box-shadow:0 14px 44px #00000073}.modal h2{margin:0 0 .5rem}.center-screen{display:grid;place-items:center;min-height:100vh;padding:1rem}.spinner{width:22px;height:22px;border:2px solid var(--t-border);border-top-color:var(--t-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;background:var(--t-card);color:var(--t-text-secondary);border:1px solid var(--t-border);border-radius:var(--t-radius);cursor:pointer;transition:color .15s,border-color .15s}.theme-toggle.fixed{position:fixed;top:.5rem;right:.9rem;z-index:50}.theme-toggle:hover{color:var(--t-text);border-color:var(--t-accent)}.theme-toggle:focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;display:block}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.tier-option{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.9rem 1rem;background:var(--t-card-2);border:1px solid var(--t-border);border-radius:var(--t-radius);cursor:pointer;color:inherit;transition:border-color .15s,background .15s}.tier-option:hover{border-color:var(--t-primary)}.tier-option.selected{border-color:var(--t-primary);background:color-mix(in srgb,var(--t-primary) 12%,var(--t-card-2))}.tier-option .tier-price{font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.4rem;color:var(--t-primary)}.tier-option .tier-label{font-weight:600}.tier-option .tier-note{font-size:.8rem}.license-meta{display:grid;gap:.5rem;margin:0}.license-meta>div{display:flex;gap:.75rem}.license-meta dt{min-width:8.5rem;color:var(--t-text-secondary);margin:0}.license-meta dd{margin:0}.pay-hint{background:var(--t-card-2);border:1px solid var(--t-border);border-radius:var(--t-radius);padding:.6rem .75rem;font-size:.85rem;line-height:1.55}.pay-hint code{font-size:.82rem}.linklike{background:none;border:none;color:var(--t-primary);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.admin-controls{display:flex;gap:.85rem;align-items:flex-end;flex-wrap:wrap}.admin-field{display:flex;flex-direction:column;gap:.3rem}.admin-field>label{margin:0}.admin-field select,.admin-field input{width:auto;min-width:8rem}.check{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.9rem;color:var(--t-text);cursor:pointer}.check input{width:auto}.check:has(input:disabled){color:var(--t-text-secondary);cursor:not-allowed}.check.wrap{align-items:flex-start;line-height:1.45}.check.wrap input{flex:none;width:1rem;height:1rem;padding:0;margin-top:.15rem;accent-color:var(--t-primary)}.tag{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t-primary);background:var(--t-success-bg);border:1px solid var(--t-teal-600);border-radius:var(--t-radius);padding:.05rem .4rem;vertical-align:middle}.setting-row{display:flex;gap:.85rem;align-items:flex-end;flex-wrap:wrap}.setting-row .grow{flex:1 1 18rem;min-width:0}.setting-key code{font-size:.85rem;font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--t-border);border-radius:var(--t-radius)}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--t-border);white-space:nowrap;vertical-align:middle}table.data thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--t-text-secondary);background:var(--t-card-2)}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--t-card-2)}table.data select{width:auto;min-width:6rem;padding:.32rem .5rem}table.data input[type=checkbox]{width:auto}.cell-err{white-space:normal;max-width:15rem;margin-top:.35rem}