:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211d;background:#f4f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17211d;--secondary: #5f6c65;--muted: #87918c;--faint: #aeb6b2;--canvas: #f4f6f3;--surface: #fbfcfa;--well: #eff2ee;--line: rgba(23, 33, 29, .11);--line-strong: rgba(23, 33, 29, .18);--accent: #187a5b;--accent-hover: #12684c;--accent-soft: #e6f2ec;--danger: #a43a33;--danger-soft: #fbeceb;--warning: #8a6420;--warning-soft: #fff5d9;--focus: #2b8ce5;--radius-control: 7px;--radius-panel: 11px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}a{color:inherit}.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}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.danger-text{color:var(--danger)!important}.app-shell{isolation:isolate;display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:232px;padding:20px 14px 14px;border-right:1px solid var(--line);background:#eef1ed}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 8px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;line-height:22px;font-weight:600;text-decoration:none}.brand-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:var(--accent);color:#f8fbf9;font-size:13px;line-height:18px;font-weight:600}.nav-list{display:flex;flex:1;flex-direction:column;gap:3px;padding-top:28px}.nav-item{display:flex;min-width:0;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:var(--radius-control);color:#68736d;font-size:14px;line-height:20px;font-weight:500;text-decoration:none}.nav-item svg{flex:none;color:#8a948f}.nav-item:hover{color:var(--ink);background:#17211d0b}.nav-item.active{color:var(--ink);background:#17211d13}.nav-item.active svg{color:var(--accent)}.sidebar-account{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:13px 8px 0;border-top:1px solid var(--line)}.account-copy{min-width:0}.account-copy p{overflow:hidden;margin:0;color:var(--ink);font-size:13px;line-height:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:var(--muted);font-size:11px;line-height:16px}.icon-button{position:relative;display:grid;width:34px;height:34px;flex:none;place-items:center;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--secondary)}.icon-button:after{position:absolute;width:max(100%,48px);height:max(100%,48px);content:""}.icon-button:hover{color:var(--ink);background:#17211d0e}.icon-button:focus-visible,.button:focus-visible,.nav-item:focus-visible,.tabs button:focus-visible,.conversation-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.main-content{min-width:0;flex:1;margin-left:232px}.mobile-header,.mobile-only,.nav-backdrop{display:none}.page{width:100%;max-width:1440px;padding:34px 38px 64px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:66px;padding-bottom:28px;border-bottom:1px solid var(--line)}.page-header h1{margin:0;color:var(--ink);font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.025em}.page-header p{margin:4px 0 0;color:var(--secondary);font-size:15px;line-height:22px}.page-action{flex:none;padding-top:3px}.section-block{padding-top:34px}.section-heading{padding-bottom:15px}.section-heading h2{margin:0;font-size:16px;line-height:23px;font-weight:600}.section-heading p{margin:3px 0 0;color:var(--secondary);font-size:14px;line-height:21px}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 0 24px;border-bottom:1px solid var(--line)}.stat{min-width:0;padding:0 24px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border-left:0}.stat p{overflow:hidden;margin:0;color:var(--secondary);font-size:13px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.stat strong{display:block;margin-top:6px;color:var(--ink);font-size:27px;line-height:34px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.health-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.health-strip>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 20px;border-left:1px solid var(--line)}.health-strip>div:first-child{padding-left:0;border-left:0}.health-strip span{color:var(--secondary);font-size:13px;line-height:19px}.health-strip strong{font-size:15px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:11px;color:#52605a;background:#edf0ed;font-size:11px;line-height:16px;font-weight:600;white-space:nowrap}.status-badge.healthy,.status-badge.open,.status-badge.sent,.status-badge.info{color:#176348;background:#e1f2e9}.status-badge.warning,.status-badge.warn,.status-badge.pending,.status-badge.processing{color:#795718;background:#fff3d2}.status-badge.error,.status-badge.dead,.status-badge.failed{color:#96362f;background:#fbe8e6}.status-badge.closed{color:#66716b;background:#ecefec}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;line-height:19px}th{padding:10px 14px;border-bottom:1px solid var(--line-strong);color:var(--secondary);font-weight:500;text-align:left;white-space:nowrap}th:first-child,td:first-child{padding-left:0}td{max-width:440px;padding:13px 14px;border-bottom:1px solid var(--line);color:#3f4b45;vertical-align:top}tbody tr:last-child td{border-bottom:0}.cell-primary{color:var(--ink);font-weight:500}.cell-secondary{margin-top:2px;color:var(--muted)}.truncate-cell{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-cell{max-width:320px;color:var(--danger);overflow-wrap:anywhere}details{margin-top:4px}summary{color:var(--secondary);cursor:pointer;font-size:12px}pre{overflow-x:auto;max-width:520px;padding:10px;border-radius:var(--radius-control);background:var(--well);color:var(--secondary);font-size:11px;line-height:17px;white-space:pre-wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border-radius:var(--radius-control);font-size:13px;line-height:20px;font-weight:600}.button svg{flex:none;color:currentColor}.button.primary{border:1px solid var(--accent);background:var(--accent);color:#f7fbf8}.button.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button.secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.button.secondary:hover{border-color:#17211d47;background:#f7f9f6}.button.large{min-height:40px;padding:0 14px;font-size:14px}.button.compact{min-height:28px;padding:0 9px;font-size:12px}input,select,textarea{width:100%;border:0;border-radius:var(--radius-control);outline:1px solid var(--line-strong);outline-offset:-1px;background:var(--surface);color:var(--ink);font-size:14px;line-height:20px}input,select{min-height:38px;padding:8px 10px}textarea{min-height:84px;padding:9px 10px;resize:vertical}input::placeholder,textarea::placeholder{color:#9aa39f}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}input[type=color]{width:42px;flex:none;padding:4px}input[type=checkbox]{width:17px;min-height:17px;flex:none;padding:0;accent-color:var(--accent)}.field{display:flex;min-width:0;flex-direction:column;gap:7px}.field>label{color:var(--ink);font-size:13px;line-height:18px;font-weight:600}.field>p{margin:-2px 0 0;color:var(--muted);font-size:12px;line-height:18px}.readonly{min-height:38px;padding:9px 10px;border-radius:var(--radius-control);background:var(--well);color:var(--secondary);overflow-wrap:anywhere}.form-stack{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;gap:22px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.color-control{display:flex;gap:8px}.check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.check-row input{margin-top:2px}.check-row span{display:flex;min-width:0;flex-direction:column;gap:2px}.check-row strong{font-size:13px;line-height:19px;font-weight:600}.check-row small{color:var(--muted);font-size:12px;line-height:18px}.settings-form{max-width:920px}.settings-section{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:44px;padding:32px 0;border-bottom:1px solid var(--line)}.settings-fields{display:flex;min-width:0;flex-direction:column;gap:22px}.inline-actions{display:flex;flex-wrap:wrap;gap:9px}.sticky-save{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:14px 0;background:#f4f6f3eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.alert{margin:20px 0 0;padding:10px 12px;border-radius:var(--radius-control);color:#3f5f50;background:var(--accent-soft);font-size:13px;line-height:20px}.alert.error{color:#8f342d;background:var(--danger-soft)}.alert.info{color:#66501f;background:var(--warning-soft)}.auth-page{isolation:isolate;display:grid;min-height:100dvh;place-content:center;padding:32px 20px;background:var(--canvas)}.auth-panel{width:min(100vw - 40px,370px);padding:30px;border-radius:var(--radius-panel);background:var(--surface);box-shadow:0 0 0 1px #17211d12,0 8px 28px #17211d14}.auth-heading{padding:36px 0 24px}.auth-heading h1{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.025em}.auth-heading p{margin:7px 0 0;color:var(--secondary);font-size:14px;line-height:21px}.auth-panel .alert{margin:0 0 18px}.auth-footnote{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:16px;text-align:center}.conversation-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:calc(100dvh - 176px);margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.conversation-list{min-width:0;border-right:1px solid var(--line)}.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.conversation-items{overflow-y:auto;max-height:calc(100dvh - 250px)}.conversation-item{display:flex;width:100%;min-width:0;flex-direction:column;gap:6px;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.conversation-item:hover{background:#f7f9f6}.conversation-item.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.conversation-item-head,.conversation-item-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.conversation-item-head strong{overflow:hidden;font-size:13px;line-height:19px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.conversation-item-head time{flex:none;color:var(--muted);font-size:11px;line-height:16px}.conversation-item>p{overflow:hidden;margin:0;color:var(--secondary);font-size:13px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.conversation-item-meta>span:first-child{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.conversation-detail{display:flex;min-width:0;flex-direction:column;background:#f7f9f6}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 14px;background:var(--surface)}.detail-header h2{margin:0;font-size:16px;line-height:23px;font-weight:600}.detail-header p{margin:2px 0 0;color:var(--secondary);font-size:12px;line-height:18px}.detail-meta{display:flex;flex-wrap:wrap;gap:16px;padding:9px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:11px;line-height:16px}.message-history{overflow-y:auto;flex:1;padding:22px}.history-message{width:min(76%,620px);margin-bottom:16px;padding:11px 13px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px #17211d12,0 1px 2px #17211d09}.history-message.visitor{margin-left:auto;color:#f6fbf8;background:var(--accent);box-shadow:none}.history-author{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-author strong{font-size:11px;line-height:16px;font-weight:600}.history-author time{color:var(--muted);font-size:10px;line-height:15px}.history-message.visitor .history-author time{color:#f7fbf8ad}.history-message>p{margin:6px 0 0;font-size:14px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere}.history-message>a{display:block;margin-top:7px;font-size:13px;line-height:19px;font-weight:600;overflow-wrap:anywhere}.history-status{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:15px}.history-message.visitor .history-status{color:#f7fbf8ad}.history-event{margin:14px auto;color:var(--muted);font-size:12px;line-height:18px;text-align:center}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 18px}.toolbar-row select{width:auto;min-width:120px}.tabs{display:flex;max-width:100%;gap:3px;overflow-x:auto;padding:3px;border-radius:8px;background:var(--well)}.tabs button{min-height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--secondary);font-size:12px;font-weight:500;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #17211d14}.install-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:52px;padding-top:32px}.install-main{max-width:760px}.install-main .section-heading:not(:first-child){padding-top:34px}.code-block{position:relative;overflow:hidden;border-radius:var(--radius-panel);background:#202824;color:#d9e4de}.code-block pre{max-width:none;margin:0;padding:20px;border-radius:0;background:transparent;color:inherit;font-size:12px;line-height:19px;white-space:pre-wrap}.code-block .button{position:absolute;top:10px;right:10px;border-color:#ffffff29;background:#ffffff14;color:#fff}.install-checklist{align-self:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}.install-checklist h2{margin:0;font-size:15px;line-height:22px;font-weight:600}.install-checklist ul{display:flex;flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none}.install-checklist li{position:relative;padding-left:20px;color:var(--secondary);font-size:13px;line-height:19px}.install-checklist li:before{position:absolute;top:5px;left:0;width:9px;height:9px;border:1px solid var(--line-strong);border-radius:50%;content:""}.install-checklist li[data-done=true]{color:var(--ink)}.install-checklist li[data-done=true]:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.install-checklist>p{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:18px}.empty-state{display:grid;min-height:220px;place-content:center;padding:24px;text-align:center}.empty-state.compact{min-height:140px}.empty-state h3{margin:0;font-size:15px;line-height:22px;font-weight:600}.empty-state p{margin:4px 0 0;color:var(--secondary);font-size:13px;line-height:20px}.loading-screen{isolation:isolate;display:flex;min-height:100dvh;align-items:center;justify-content:center;gap:18px}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{overflow:hidden;border-radius:5px;background:#e6eae6}.skeleton.line{height:13px;margin-top:8px}.skeleton.line.short{width:34%}.skeleton.line.medium{width:58%}.skeleton.block{height:260px;margin-top:26px}.skeleton-list{display:grid;gap:1px;background:var(--line)}.skeleton-list div{height:76px;background:linear-gradient(90deg,#edf0ed,#f5f7f4,#edf0ed);background-size:200% 100%;animation:shimmer 1.5s infinite}.table-skeleton div{height:48px}.detail-skeleton{padding:24px}.detail-skeleton .block{height:340px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1023px){.mobile-header{position:sticky;top:0;z-index:20;display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#f4f6f3f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-only{display:grid}.sidebar{transform:translate(-100%);transition:transform .18s ease-out}.sidebar.mobile-open{transform:translate(0)}.nav-backdrop{position:fixed;inset:0;z-index:25;display:block;border:0;background:#17211d47}.main-content{margin-left:0}.page{padding:28px 24px 56px}.conversation-layout{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:760px){.page{padding:24px 16px 48px}.page-header{min-height:0;padding-bottom:22px}.page-header h1{font-size:23px;line-height:31px}.page-header p{font-size:16px;line-height:24px}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px;border-top:1px solid var(--line)}.stat:nth-child(odd){padding-left:0;border-left:0}.stat:nth-child(-n+2){border-top:0}.stat strong{font-size:25px;line-height:33px}.health-strip{grid-template-columns:1fr}.health-strip>div,.health-strip>div:first-child{padding:14px 0;border-top:1px solid var(--line);border-left:0}.health-strip>div:first-child{border-top:0}.settings-section{grid-template-columns:1fr;gap:18px}.form-grid.two{grid-template-columns:1fr}.field>label,.check-row strong{font-size:14px;line-height:20px}input,select,textarea{font-size:16px;line-height:23px}.conversation-layout{grid-template-columns:1fr}.conversation-list{border-right:0}.conversation-detail{min-height:520px;border-top:1px solid var(--line)}.conversation-items{max-height:390px}.history-message{width:88%}.toolbar-row{align-items:flex-start;flex-direction:column}.install-layout{grid-template-columns:1fr;gap:32px}.install-checklist{width:100%}.auth-panel{padding:24px}}@media(pointer:fine){.icon-button:after{display:none}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.spinner,.skeleton-list div{animation:none}}