:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--primary)}.app{--bg:#eef2f6;--surface:#fff;--surface-strong:#f8fafc;--line:#d8e0e8;--text:#17202a;--muted:#667485;--primary:#126b65;--primary-contrast:#fff;--success:#12805c;--warning:#b7791f;--error:#c2413a;--info:#2f6db3;background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:260px minmax(0,1fr);display:grid}.app.dark{--bg:#111418;--surface:#181d23;--surface-strong:#20262e;--line:#303946;--text:#e7edf3;--muted:#9da8b5;--primary:#35a69a;--primary-contrast:#071412;--success:#4fb983;--warning:#d9a441;--error:#ec6b62;--info:#72a7e8}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:22px;padding:18px 14px;display:flex}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 8px 14px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.brandMark,.avatar,.kpiIcon{border:1px solid var(--line);background:var(--surface-strong);width:38px;height:38px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.nav{gap:6px;display:grid}.navItem,.iconButton,.primaryButton,.secondaryButton,.quickActions button,.chatItem,.codeCopy,.secretButton{border:1px solid #0000;border-radius:8px;transition:background .14s,border-color .14s,color .14s}.navItem{min-height:42px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 10px;display:flex}.navItem.active,.navItem:hover{border-color:var(--line);background:var(--surface-strong);color:var(--text)}.sidebarFooter{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:12px 8px;display:grid}.miniStatus,.inlineNotice{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.workspace{grid-template-rows:66px minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);z-index:5;align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}.searchBox{border:1px solid var(--line);background:var(--surface);min-width:0;height:42px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.searchBox input,.formRow input,.formRow select,.filters select,.composer input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:8px;outline:none}.searchBox input{background:0 0;border:0}.content{min-width:0;padding:22px}.contentChat{flex-direction:column;height:calc(100vh - 66px);min-height:0;display:flex;overflow:hidden}.authPanel{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto auto;align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:grid}.authPanel strong,.authPanel span{display:block}.authPanel span{color:var(--muted);margin-top:2px;font-size:12px}.authPanel.connected{border-color:color-mix(in srgb, var(--success) 40%, var(--line))}.authPanel.error{border-color:color-mix(in srgb, var(--error) 40%, var(--line))}.authPanel input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:38px;color:var(--text);border-radius:8px;padding:0 10px}.authError{color:var(--error);grid-column:1/-1}.pageTitle{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.pageTitle span{color:var(--muted);font-size:13px}.pageTitle h1{letter-spacing:0;margin:4px 0 0;font-size:28px;line-height:1.1}.primaryButton,.secondaryButton,.iconButton,.quickActions button{justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;text-decoration:none;display:inline-flex}.primaryButton{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast);font-weight:650}.secondaryButton,.iconButton,.quickActions button{border-color:var(--line);background:var(--surface);color:var(--text)}.secondaryButton:hover,.iconButton:hover,.quickActions button:hover{background:var(--surface-strong)}.iconButton{width:40px;padding:0}.iconButton.small{width:32px;min-height:32px}.iconButton.danger{color:var(--error)}.kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpiCard,.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.kpiCard{align-items:center;gap:14px;min-height:112px;padding:16px;display:flex}.kpiCard span,.kpiCard small{color:var(--muted);font-size:13px;display:block}.kpiCard strong{letter-spacing:0;margin:4px 0;font-size:28px;display:block}.kpiIcon.success,.badge.success,.dot.success,.healthDot.success,.eventStripe.success{--tone:var(--success)}.kpiIcon.warning,.badge.warning,.dot.warning,.healthDot.warning,.eventStripe.warning{--tone:var(--warning)}.kpiIcon.error,.badge.error,.dot.error,.healthDot.error,.eventStripe.error{--tone:var(--error)}.kpiIcon.info,.badge.info,.dot.info,.healthDot.info,.eventStripe.info{--tone:var(--info)}.twoColumn,.splitLayout,.chatLayout{align-items:start;gap:14px;display:grid}.twoColumn{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.splitLayout{grid-template-columns:minmax(0,1fr) 390px}.chatLayout{grid-template-columns:280px minmax(0,1fr) 260px}.panel{min-width:0;padding:14px}.panelHeader,.conversationHeader,.eventTopline,.filters,.rowActions,.eventCodes,.composer,.secretInput{align-items:center;gap:8px;display:flex}.panelHeader{margin-bottom:14px}.panelHeader h2{letter-spacing:0;margin:0;font-size:15px}.statusMatrix{gap:8px;display:grid}.matrixRow{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.matrixRow strong,.matrixRow span{display:block}.matrixRow span{color:var(--muted);margin-top:2px;font-size:12px}.dayDots{grid-template-columns:repeat(7,18px);gap:5px;display:grid}.healthDot,.dot{background:var(--tone);border-radius:50%;display:inline-block}.healthDot{width:10px;height:10px}.dot{flex:none;width:8px;height:8px}.badge{border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);background:color-mix(in srgb, var(--tone) 12%, transparent);max-width:100%;min-height:24px;color:var(--tone);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.eventList{gap:10px;display:grid}.eventList.full{margin-top:12px}.eventItem{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;grid-template-columns:4px minmax(0,1fr);gap:12px;min-height:78px;padding:11px;display:grid;position:relative}.eventStripe{background:var(--tone);border-radius:999px;width:4px}.eventTopline{flex-wrap:wrap}.eventTopline strong{font-size:14px}.eventTopline small{color:var(--muted);margin-left:auto}.eventItem p{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.45}.filters{flex-wrap:wrap;margin-bottom:12px}.filters select{width:auto;min-width:170px;height:36px;padding:0 10px}.tableWrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px;font-size:13px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}tr:last-child td{border-bottom:0}.selectedRow td{background:color-mix(in srgb, var(--primary) 8%, transparent)}.detailPanel{position:sticky;top:84px}.identityBlock{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:14px;display:flex}.identityBlock h3{margin:0 0 3px;font-size:17px}.identityBlock span,.muted{color:var(--muted)}.fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.infoField{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;min-width:0;padding:10px}.infoField span,.formRow,.subsection h4{color:var(--muted);font-size:12px}.infoField strong{min-width:0;color:var(--text);overflow-wrap:anywhere;margin-top:5px;font-size:13px;display:block}.callout,.inlineNotice{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;min-height:42px;margin-top:12px;padding:10px 12px}.callout{gap:8px;font-size:13px;line-height:1.45;display:flex}.callout.warning{color:var(--warning)}.callout.error{color:var(--error)}.qrBox{border:1px dashed var(--line);background:var(--surface-strong);text-align:center;border-radius:8px;place-items:center;gap:8px;margin-top:12px;padding:18px;display:grid;position:relative}.qrBox span{color:var(--muted);font-size:12px}.qrFallback{background:var(--surface-strong);border:1px solid var(--line);border-radius:6px;place-items:center;width:128px;height:128px;display:grid}.qrFallbackLabel{color:var(--muted);text-align:center;padding:8px;font-size:11px}.qrStatusIcon{width:128px;height:128px;color:var(--success);place-items:center;display:grid}.qrBox .close{position:absolute;top:8px;right:8px}.qrPasswordBlock{flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 0;display:flex}.qrPasswordBlock input.inputField{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.qrPasswordBlock input.inputField:focus{border-color:var(--accent)}.subsection{margin-top:16px}.subsection h4{color:var(--text);margin:0 0 10px;font-size:13px}.formRow{gap:6px;margin-bottom:10px;display:grid}.formRow input,.formRow select{height:38px;padding:0 10px}.monitoringGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.metricsPreview{border:1px solid var(--line);background:var(--surface-strong);max-height:300px;color:var(--text);border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.settingsForm{max-width:520px}.settingsForm input[type=range]{width:100%;accent-color:var(--primary)}.toggleRow{color:var(--text);align-items:center;gap:10px;display:flex}.toggleRow input{width:18px;height:18px;accent-color:var(--primary)}.creationForm{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:12px;margin-bottom:14px;padding:12px;display:grid}.formHeader,.formActions{justify-content:space-between;align-items:center;gap:12px;display:flex}.formHeader strong,.formHeader span{display:block}.formHeader span{color:var(--muted);margin-top:3px;font-size:12px}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.checkRow{min-height:38px;color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.checkRow input{width:16px;height:16px;accent-color:var(--primary)}.formActions{justify-content:flex-end}.secretInput input{flex:1}.proxyStack{gap:8px;display:grid}.proxyAssignGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.eventToggleGrid{grid-template-columns:1fr;gap:4px;margin:8px 0 10px;display:grid}.proxyPill{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 10px;font-size:13px;display:flex}.proxyPill small{color:var(--muted);margin-left:auto}.quickActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.quickActions button{min-width:0;padding:0 8px;font-size:12px}.codeCopy,.secretButton{border-color:var(--line);background:var(--surface);max-width:100%;color:var(--text);align-items:center;gap:6px;padding:3px 6px;display:inline-flex}code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.chatList,.deliveryPanel{position:sticky;top:84px}.testChatPage{flex-direction:column;flex:auto;min-height:0;display:flex}.testChatPage .pageTitle,.contentChat .authPanel{flex:none}.contentChat .chatLayout{flex:auto;align-items:stretch;min-height:0}.contentChat .chatList,.contentChat .deliveryPanel{position:static}.contentChat .deliveryPanel{overflow-y:auto}.chatList{min-height:0}.contentChat .chatList{flex-direction:column;display:flex;overflow:hidden}.chatListItems{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.chatItem{border-color:var(--line);background:var(--surface);width:100%;min-height:58px;color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:9px 10px;display:flex}.chatItem.active,.chatItem:hover{background:var(--surface-strong);border-color:color-mix(in srgb, var(--primary) 45%, var(--line))}.chatSelectButton strong,.chatSelectButton span{display:block}.chatSelectButton span{color:var(--muted);margin-top:3px;font-size:12px}.chatSelectButton{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0}.chatInfoButton{border:1px solid color-mix(in srgb, var(--info) 42%, var(--line));background:color-mix(in srgb, var(--info) 14%, var(--surface));width:30px;height:30px;color:var(--info);border-radius:50%;flex:none;place-items:center;display:grid}.chatInfoButton:hover{background:color-mix(in srgb, var(--info) 22%, var(--surface))}.instanceSelectRow{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.collapsibleControls{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;margin:10px 0;padding:10px}.collapsibleControls summary{cursor:pointer;color:var(--text);font-size:13px;font-weight:700}.collapsibleControls .formRow{margin-top:10px}.collapsibleControls .historyControls{padding-bottom:8px}.toastStack{z-index:60;pointer-events:none;flex-direction:column-reverse;gap:8px;width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid color-mix(in srgb, var(--info) 38%, transparent);background:color-mix(in srgb, var(--surface) 50%, transparent);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:11px 13px;font-size:13px;font-weight:650;box-shadow:0 10px 30px #00000024}.toast.success{border-color:color-mix(in srgb, var(--success) 48%, transparent)}.toast.warning{border-color:color-mix(in srgb, var(--warning) 48%, transparent)}.toast.error{border-color:color-mix(in srgb, var(--error) 48%, transparent)}.modalOverlay{z-index:30;background:#0a121c7a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.chatProfileCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(640px,100%);max-height:min(720px,100vh - 44px);padding:16px;overflow:auto;box-shadow:0 22px 70px #0000003d}.chatProfileIdentity{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.chatProfileIdentity img,.chatProfileAvatar{border:1px solid var(--line);background:var(--surface);width:76px;height:76px;color:var(--info);object-fit:cover;border-radius:8px;flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.chatProfileIdentity h3{margin:0 0 4px;font-size:20px}.chatProfileIdentity span{color:var(--muted);overflow-wrap:anywhere}.chatProfileFields{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.conversationHeader{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px}.conversationHeader span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.historyControls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;padding:12px 0;display:grid}.historyControls .formRow{gap:4px;font-size:11px}.historyControls input,.historyControls select{min-width:0;height:34px;font-size:12px}.messageFeed{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:16px 0;display:flex;overflow-y:auto}.messageBubble{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;width:min(78%,680px);padding:11px}.messageBubble.outgoing{background:color-mix(in srgb, var(--primary) 10%, var(--surface));align-self:flex-end}.messageMeta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.messageMeta span{color:var(--text);font-weight:700}.messageBubble p{margin:8px 0;line-height:1.45}.emptyState{border:1px dashed var(--line);min-height:120px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:16px;display:grid}.statusLink{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer{border-top:1px solid var(--line);padding-top:12px}.composer input{height:42px;padding:0 12px}.mediaComposer{flex-wrap:wrap}.segmented{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 10px}.segmented button.active{color:var(--text);background:var(--surface)}.compact{min-height:30px;margin-left:auto;padding:0 10px}.logSummary{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.logSummary span{border:1px solid var(--line);background:var(--surface-strong);min-height:28px;color:var(--muted);border-radius:8px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.paginationBar{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.logDetails{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;margin-top:12px;padding:12px}.logDetails pre{border:1px solid var(--line);background:var(--surface);max-height:280px;color:var(--text);border-radius:8px;margin:12px 0 0;padding:10px;font-size:12px;overflow:auto}.deliveryTimeline{gap:8px;margin-top:14px;display:grid}.deliveryTimeline span{border:1px solid var(--line);min-height:30px;color:var(--muted);border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex}.deliveryTimeline span.done{border-color:color-mix(in srgb, var(--success) 42%, var(--line));background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success)}@media (width<=1180px){.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.twoColumn,.splitLayout,.chatLayout{grid-template-columns:1fr}.detailPanel,.chatList,.deliveryPanel{position:static}}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--line);padding:10px;position:sticky;top:0}.brand{padding-bottom:10px}.nav{padding-bottom:2px;display:flex;overflow-x:auto}.navItem{flex:none}.sidebarFooter{display:none}.workspace{grid-template-rows:auto minmax(0,1fr)}.topbar{padding:10px}.content{padding:12px}.pageTitle{flex-direction:column;align-items:flex-start}.authPanel{grid-template-columns:1fr}.pageTitle h1{font-size:24px}.kpiGrid,.fieldGrid,.formGrid,.monitoringGrid,.proxyAssignGrid,.quickActions{grid-template-columns:1fr}.matrixRow,.conversationHeader,.messageMeta{flex-direction:column;align-items:flex-start}.messageBubble{width:100%}.composer{flex-direction:column;align-items:stretch}}