:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202a;background:#f6f7fb;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}a{color:inherit}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e4e7ec;flex-direction:column;gap:24px;width:250px;height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#111827;flex-direction:column;gap:2px;text-decoration:none;display:flex}.brand span{color:#667085;font-size:20px}.brand strong{font-size:24px}nav{flex-direction:column;gap:8px;display:flex}nav a{color:#344054;border-radius:10px;padding:10px 12px;text-decoration:none}nav a:hover,nav a.active{color:#1f4b99;background:#eef4ff}.sidebar-footer{border-top:1px solid #e4e7ec;margin-top:auto;padding-top:16px}.sidebar-footer a{color:#667085;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:block}.sidebar-footer a:hover{color:#1f4b99;background:#eef4ff}.content{flex:1;min-width:0;padding:32px;display:flex}.page-stack{flex-direction:column;gap:20px;max-width:1100px;display:flex}.card,.tile{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:20px;box-shadow:0 1px 2px #0000000a}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tile strong{margin-top:10px;font-size:36px;display:block}.tile h3{color:#667085;margin:0;font-size:14px;font-weight:600}button{color:#fff;cursor:pointer;background:#1877f2;border:0;border-radius:10px;padding:11px 16px;font-weight:600}button:disabled{opacity:.65;cursor:not-allowed}.secondary{background:#344054}textarea,input,select{background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:150px}label{color:#344054;flex-direction:column;gap:8px;font-weight:600;display:flex}.list{flex-direction:column;gap:12px;display:flex}.row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.muted{color:#667085}.success{color:#047857}.error{color:#b42318;white-space:pre-wrap}pre{color:#f9fafb;background:#101828;border-radius:12px;padding:16px;overflow:auto}.message-body{white-space:pre-wrap;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;padding:16px}.conversations-page,.dashboard-page,.configuration-page,.message-reply-page{width:100%}.chat-shell{background:#fff;border:1px solid #e4e7ec;border-radius:14px;flex-direction:column;width:100%;height:calc(100dvh - 64px);min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 40px #10182814}.chat-header{background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border-bottom:1px solid #e4e7ec;align-items:center;gap:14px;padding:18px 20px;display:flex}.chat-avatar{color:#fff;background:#1877f2;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:19px;font-weight:800;display:grid}.chat-header h1{color:#111827;margin:0;font-size:24px;line-height:1.15}.chat-header p{color:#667085;margin:3px 0 0;font-size:13px}.inbox-header .chat-avatar{border-radius:16px}.inbox-header{justify-content:space-between}.inbox-header>div:nth-child(2){flex:1;min-width:0}.inbox-header-stats{flex:none;align-items:center;gap:8px;display:flex}.inbox-header-stats span,.inbox-header-stats strong{border-radius:999px;align-items:center;min-height:30px;padding:7px 10px;font-size:12px;line-height:1;display:inline-flex}.inbox-header-stats span{color:#344054;background:#fff;border:1px solid #e4e7ec}.inbox-header-stats strong{color:#fff;background:#1877f2;box-shadow:0 6px 16px #1877f22e}.dashboard-main,.configuration-main{background:radial-gradient(circle at 0 0,#1877f214,#0000 28%),linear-gradient(#f8fafc 0%,#eef4ff 100%);flex:1;min-height:0;padding:18px;overflow-y:auto}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.dashboard-metric{background:#ffffffdb;border:1px solid #e4e7ec;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;display:flex;box-shadow:0 8px 24px #1018280f}.dashboard-metric span{color:#667085;font-size:13px;font-weight:700}.dashboard-metric strong{color:#111827;font-size:34px;line-height:1}.dashboard-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;display:flex}.dashboard-section-heading h2{color:#111827;margin:0;font-size:18px}.dashboard-section-heading span{color:#fff;background:#1877f2;border-radius:999px;place-items:center;min-width:30px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:800;display:grid}.dashboard-pending-list{border:1px solid #e4e7ec;border-radius:14px;max-height:520px;box-shadow:0 8px 24px #1018280f}.configuration-panel,.configuration-result{background:#ffffffe6;border:1px solid #e4e7ec;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 8px 24px #1018280f}.configuration-panel-icon{color:#1877f2;background:#eef4ff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.configuration-panel-body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.configuration-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.configuration-panel h2,.configuration-result h2{color:#111827;margin:0;font-size:18px}.configuration-section-title span{color:#175cd3;background:#eef4ff;border-radius:999px;place-items:center;min-width:28px;min-height:28px;padding:5px 8px;font-size:12px;font-weight:800;display:grid}.configuration-panel p,.configuration-result p{color:#667085;margin:0;line-height:1.45}.configuration-loading{color:#667085;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.spinner.small{border-width:2px;width:22px;height:22px}.phone-number-list{flex-direction:column;gap:10px;display:flex}.phone-number-item{background:#fff;border:1px solid #e4e7ec;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.phone-number-item div{flex-direction:column;gap:4px;min-width:0;display:flex}.phone-number-item strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.phone-number-item div span{overflow-wrap:anywhere;color:#667085;font-size:13px}.phone-status{color:#344054;background:#eef2f6;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:800}.phone-status.active{color:#175cd3;background:#d1e9ff}.configuration-action{align-items:center;gap:8px;width:fit-content;display:inline-flex}.configuration-result{color:#047857;margin-top:12px}.configuration-result svg{flex:none}.spin-icon{animation:.75s linear infinite spin}.conversation-list-panel{background:#fff;flex:1;min-height:0;padding:10px;overflow-y:auto}.loading-state{color:#667085;align-content:center;place-items:center;gap:12px;min-height:220px;font-weight:700;display:grid}.loading-state.full-page{min-height:100%}.spinner{border:3px solid #d1e9ff;border-top-color:#1877f2;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.conversation-preview{color:#17202a;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f6;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:100%;padding:14px 12px;display:grid}.conversation-preview:hover,.conversation-preview:focus-visible{background:#f8fafc;outline:0}.conversation-preview.pending{background:#eef4ff}.conversation-preview.pending:hover,.conversation-preview.pending:focus-visible{background:#e6efff}.conversation-preview:disabled{opacity:.62;cursor:not-allowed}.conversation-avatar{color:#344054;background:#eef2f6;border-radius:50%;place-items:center;width:52px;height:52px;font-size:19px;font-weight:800;display:grid}.conversation-avatar.pending{color:#fff;background:#1877f2}.conversation-preview-body{flex-direction:column;gap:7px;min-width:0;display:flex}.conversation-preview-top,.conversation-preview-bottom{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.conversation-preview-top strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.conversation-preview-top time{color:#667085;flex:none;font-size:12px;font-weight:500}.conversation-preview-bottom p{color:#667085;white-space:normal;align-items:flex-start;gap:8px;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:1.35;display:flex}.conversation-preview-text{overflow-wrap:anywhere;word-break:break-word;min-width:0}.direction-pill,.pending-badge{border-radius:999px;flex:none;align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.direction-pill{color:#344054;background:#eef2f6;padding:5px 8px}.direction-pill.outbound{color:#175cd3;background:#d1e9ff}.direction-pill.inbound{color:#475467;background:#f2f4f7}.pending-badge{color:#fff;background:#1877f2;padding:6px 9px;box-shadow:0 6px 16px #1877f22e}.conversation-list-empty{color:#667085;align-content:center;place-items:center;gap:10px;min-height:220px;font-weight:600;display:grid}.chat-alert{background:#ecfdf3;border:1px solid #abefc6;border-radius:10px;margin:12px 16px 0;padding:10px 12px}.chat-alert.error{background:#fffbfa;border-color:#fecdca}.chat-main{background:radial-gradient(circle at 0 0,#1877f214,#0000 28%),linear-gradient(#f8fafc 0%,#eef4ff 100%);flex:1;min-height:0;padding:0}.conversation-thread{background:0 0;border:0;border-radius:0;flex-direction:column;gap:10px;height:100%;max-height:none;padding:22px 18px;display:flex;overflow-y:auto}.conversation-empty{background:#ffffffb8;border:1px solid #e4e7ec;border-radius:12px;margin:22px;padding:14px 16px}.message-row{width:100%;display:flex}.message-row.inbound{justify-content:flex-start}.message-row.outbound{justify-content:flex-end}.message-bubble{color:#17202a;background:#eef2f6;border-radius:18px;max-width:min(72%,560px);padding:10px 12px 8px;box-shadow:0 1px 2px #10182814}.message-row.inbound .message-bubble{border-bottom-left-radius:5px}.message-row.outbound .message-bubble{color:#fff;background:#1877f2;border-bottom-right-radius:5px}.message-copy{white-space:pre-wrap;overflow-wrap:anywhere}.message-time{color:#667085;text-align:right;margin-top:6px;font-size:11px;display:block}.message-row.outbound .message-time{color:#ffffffc7}.message-media-button{cursor:zoom-in;background:0 0;border:0;border-radius:12px;width:100%;margin:0 0 8px;padding:0;display:block;overflow:hidden}.message-media{object-fit:contain;background:#101828;max-width:100%;max-height:260px;display:block}.chat-composer{background:#fff;border-top:1px solid #e4e7ec;padding:12px 14px 14px}.attachment-tray{gap:8px;padding:0 2px 10px;display:flex;overflow-x:auto}.attachment-chip{color:#344054;background:#f8fafc;border:1px solid #d0d5dd;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:260px;padding:8px 9px;display:flex}.attachment-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-chip button{color:#344054;background:#eef2f6;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.composer-row{grid-template-columns:auto 1fr auto;align-items:end;gap:10px;display:grid}.composer-file-button,.composer-send{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.composer-file-button{color:#344054;cursor:pointer;background:#f2f4f7}.composer-file-button input{display:none}.composer-row textarea{resize:vertical;border-radius:22px;min-height:44px;max-height:132px;padding:11px 14px;line-height:1.35}.composer-send{background:#1877f2;padding:0}.media-dialog-backdrop{z-index:20;background:#101828b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-dialog{max-width:96vw;max-height:92vh;position:relative}.media-dialog-close{color:#17202a;background:#fff;position:absolute;top:-46px;right:0;box-shadow:0 1px 2px #0000002e}.media-dialog-content{background:#101828;border-radius:8px;width:auto;max-width:96vw;height:auto;max-height:92vh;display:block}.auth-page{background:#f6f7fb;place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:#fff;border:1px solid #e4e7ec;border-radius:14px;flex-direction:column;gap:20px;width:min(100%,420px);padding:28px;display:flex;box-shadow:0 18px 40px #10182814}.login-panel h1{margin:0 0 6px}.login-panel p{margin:0}.login-brand{color:#111827;align-items:center;gap:12px;display:flex}.login-brand img{object-fit:contain;width:44px;height:44px}.login-brand div{flex-direction:column;line-height:1.1;display:flex}.login-brand span{color:#667085;font-size:18px}.login-brand strong{font-size:21px}@media (width<=800px){.shell{flex-direction:column}.sidebar{z-index:10;border-bottom:1px solid #e4e7ec;border-right:0;align-items:center;gap:6px;width:100%;height:auto;padding:10px 12px;display:flex;position:sticky;top:0;overflow:auto visible}.brand{display:none}nav{flex-direction:row;flex:none;gap:6px;min-width:max-content}nav a{white-space:nowrap;padding:9px 10px}.sidebar-footer{display:none}.grid{grid-template-columns:1fr}.content{padding:20px}.row{flex-direction:column}.dashboard-page,.configuration-page,.conversations-page,.message-reply-page,.chat-shell{height:calc(100dvh - 40px)}.dashboard-metrics{grid-template-columns:1fr}.dashboard-main,.configuration-main,.configuration-panel,.configuration-result{padding:14px}.phone-number-item{flex-direction:column;align-items:flex-start}.chat-header{padding:14px 16px}.chat-header h1{font-size:20px}.inbox-header{align-items:flex-start}.inbox-header-stats{flex-direction:column;align-items:flex-end}.conversation-preview{grid-template-columns:auto minmax(0,1fr);padding:12px 10px}.conversation-preview-top,.conversation-preview-bottom{flex-direction:column;align-items:flex-start;gap:7px}.conversation-preview-bottom p{width:100%}.message-bubble{max-width:88%}.conversation-thread{padding:18px 12px}.composer-row{gap:8px}}