:root{--bg: #f6f7fb;--surface: #ffffff;--surface-soft: #f9f9fd;--surface-hover: #f5f3ff;--ink: #18182c;--muted: #72748a;--subtle: #a1a3b5;--line: #e8e8f0;--line-strong: #dedeea;--purple: #6554d9;--purple-dark: #5041bb;--purple-soft: #eeebff;--blue: #3279d8;--blue-soft: #e9f3ff;--green: #21875c;--green-soft: #e4f6ed;--orange: #c06a18;--orange-soft: #fff0df;--red: #ca4552;--red-soft: #ffeaed;--shadow: 0 12px 35px rgba(42, 38, 82, .075);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin:0}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.mobile-only,.mobile-menu{display:none}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button,.text-button,.icon-button,.text-link,.back-button{border:0;background:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:11px;font-weight:720;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--purple);box-shadow:0 6px 14px #6454d93b}.button-primary:not(:disabled):hover{background:var(--purple-dark);box-shadow:0 9px 20px #6454d94a}.button-secondary{color:#42435a;background:#fff;border:1px solid var(--line-strong)}.button-secondary:not(:disabled):hover{background:var(--surface-soft)}.button-small{min-height:35px;padding:7px 11px;border-radius:9px;font-size:13px}.button-full{width:100%;min-height:47px}.icon-button{display:inline-grid;place-items:center;width:37px;height:37px;padding:0;border-radius:9px;color:#6e7085;transition:color .16s,background .16s}.icon-button:hover{color:var(--purple);background:var(--purple-soft)}.danger-button:hover{color:var(--red);background:var(--red-soft)}.text-button{color:var(--purple);font-weight:680;font-size:13px}.text-button:hover,.text-link:hover{text-decoration:underline}.text-link{display:inline-flex;gap:4px;align-items:center;color:var(--purple);font-size:13px;font-weight:720}.eyebrow,.kicker{display:block;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.125em}.eyebrow{margin-bottom:7px}.field{display:grid;gap:7px;color:#45465b;font-size:13px;font-weight:700}.field>span:first-child{display:flex;align-items:center;gap:4px}.field input,.field textarea,.field select,.conversation-search input,.input-with-suffix input{width:100%;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:10px;outline:none;transition:border .16s,box-shadow .16s}.field input,.field select,.input-with-suffix input{height:43px;padding:0 12px}.field textarea{min-height:110px;padding:12px;line-height:1.5;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#b1b2c1}.field input:focus,.field textarea:focus,.field select:focus,.conversation-search input:focus,.input-with-suffix input:focus{border-color:#9a8ff0;box-shadow:0 0 0 3px #6554d91f}.field-help{color:var(--muted);font-weight:500;line-height:1.45}.field-help code{padding:2px 4px;color:#5546b8;background:var(--purple-soft);border-radius:4px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:13px;color:#9293a5;pointer-events:none}.input-with-icon input{padding-left:42px}.input-action{position:absolute;right:3px}.input-with-suffix{position:relative;display:block}.input-with-suffix input{padding-right:41px}.input-with-suffix b{position:absolute;top:13px;right:11px;color:#8a8b9b;font-size:12px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.form-message{display:flex;gap:7px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.35;font-weight:600}.form-message svg{flex:0 0 auto;margin-top:1px}.form-message.error{color:#a52e3d;background:var(--red-soft)}.form-message.success{color:#187146;background:var(--green-soft)}.required{color:var(--red);font-size:11px}.brand{display:inline-flex;align-items:center;gap:10px;color:#1e1d33}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:3px;width:27px;height:27px;padding:5px;border-radius:9px;background:var(--purple);box-shadow:0 5px 12px #6554d93d}.brand-mark span{width:4px;border-radius:4px;background:#fff}.brand-mark span:nth-child(1){height:8px;opacity:.75}.brand-mark span:nth-child(2){height:13px}.brand-mark span:nth-child(3){height:17px;opacity:.86}.brand-name{font-size:21px;font-weight:830;letter-spacing:-.055em}.brand-name span{color:var(--purple)}.auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh}.auth-pitch{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(42px,8vw,110px);overflow:hidden;color:#fff;background:#18172c}.auth-pitch:before,.auth-pitch:after{position:absolute;content:"";border-radius:50%;filter:blur(1px);opacity:.75}.auth-pitch:before{top:-220px;right:-200px;width:630px;height:630px;background:radial-gradient(circle,#7764ec,#7764ec00 68%)}.auth-pitch:after{bottom:-255px;left:-180px;width:570px;height:570px;background:radial-gradient(circle,#336caa,#336caa00 69%)}.auth-pitch .brand{position:absolute;top:42px;left:clamp(42px,8vw,110px);color:#fff}.auth-pitch .brand-name{color:#fff}.auth-pitch .brand-name span{color:#b9b0ff}.auth-pitch-copy,.auth-benefits,.auth-legal{position:relative;z-index:1;max-width:620px}.auth-pitch-copy h1{max-width:600px;margin:15px 0 18px;color:#fff;font-size:clamp(35px,4vw,58px);line-height:1.04;letter-spacing:-.048em}.auth-pitch-copy p{max-width:510px;color:#c9c8db;font-size:17px;line-height:1.6}.auth-pitch .eyebrow{color:#c4bdff}.auth-benefits{display:grid;gap:14px;margin:42px 0 23px;padding:0;list-style:none;color:#e3e1ee;font-size:14px}.auth-benefits li{display:flex;gap:10px;align-items:center}.auth-benefits svg{color:#a999ff}.auth-legal{color:#a7a6ba;font-size:12px}.auth-card-wrap{display:grid;place-items:center;padding:38px;background:#fcfcfe}.auth-card{width:min(100%,410px);display:grid;gap:17px}.auth-card-head{margin-bottom:7px}.auth-card-head .kicker{margin-bottom:8px}.auth-card-head h2{margin-bottom:7px;font-size:30px;letter-spacing:-.035em}.auth-card-head p{color:var(--muted);font-size:14px;line-height:1.5}.auth-switch{margin-top:5px;color:var(--muted);text-align:center;font-size:13px}.auth-switch button{padding:0;color:var(--purple);border:0;background:none;font-weight:750}.setup-shell{display:grid;min-height:100vh;padding:35px;place-items:center;background:radial-gradient(circle at 20% 0%,#ece9ff 0,transparent 32%),var(--bg)}.setup-card{width:min(100%,650px);padding:clamp(25px,5vw,46px);border:1px solid #e4e1fc;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.setup-card .brand{margin-bottom:42px}.setup-card h1{max-width:570px;margin-bottom:12px;font-size:clamp(30px,4vw,42px);letter-spacing:-.04em}.setup-card>p{max-width:600px;color:var(--muted);line-height:1.6}.setup-steps{display:grid;gap:19px;margin:31px 0;padding:0;list-style:none}.setup-steps li{display:flex;gap:13px;align-items:center}.setup-steps li>span{display:grid;flex:0 0 auto;width:37px;height:37px;color:var(--purple);background:var(--purple-soft);border-radius:10px;place-items:center}.setup-steps strong,.setup-steps small{display:block}.setup-steps strong{margin-bottom:2px;font-size:14px}.setup-steps small{color:var(--muted);line-height:1.4}.setup-steps code,.setup-note code{padding:2px 5px;color:#5948b8;background:var(--purple-soft);border-radius:4px}.setup-note{display:flex;gap:8px;align-items:center;padding:12px;color:#606176;background:#f7f6fe;border-radius:10px;font-size:12px}.app-loading{display:grid;min-height:100vh;gap:15px;color:var(--muted);background:var(--bg);place-content:center;font-weight:650}.loading-orbit{width:34px;height:34px;margin:auto;border:3px solid #dcd8fb;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;display:flex;flex-direction:column;width:242px;height:100vh;padding:25px 15px 19px;color:#cbcad9;background:#1d1c32}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 10px 28px}.sidebar .brand,.sidebar .brand-name{color:#fff}.sidebar .brand-name span{color:#bdb4ff}.account-chip{display:flex;gap:8px;align-items:center;margin:0 5px 19px;padding:9px 10px;color:#a6a5b9;background:#ffffff0e;border:1px solid rgba(255,255,255,.04);border-radius:9px;font-size:11px;font-weight:650}.status-dot{width:7px;height:7px;border-radius:50%;background:#9291a6}.status-dot.connected{background:#5ed09a;box-shadow:0 0 0 3px #5ed09a1f}.main-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;color:#b7b6c8;background:transparent;border:0;border-radius:9px;text-align:left;font-size:13px;font-weight:650;transition:background .15s,color .15s}.nav-item:hover{color:#f5f4fb;background:#ffffff0d}.nav-item.active{color:#fff;background:#7a68e7d6;box-shadow:0 5px 12px #0000001f}.sidebar-foot{margin-top:auto}.sidebar-help{display:flex;gap:9px;align-items:center;padding:12px 10px;color:#bbbaca;border-top:1px solid rgba(255,255,255,.09);font-size:12px;line-height:1.3}.sidebar-help svg{color:#a99dff}.sidebar-help small{color:#858398;font-size:10px}.app-main{width:calc(100% - 242px);min-height:100vh;margin-left:242px}.topbar{display:flex;align-items:center;min-height:70px;padding:0 clamp(22px,4vw,54px);border-bottom:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-spacer{flex:1}.organization-switcher{display:flex;gap:7px;align-items:center;max-width:min(390px,36vw);color:#6152c3}.organization-switcher select{min-width:0;max-width:235px;padding:7px 27px 7px 8px;overflow:hidden;color:#47485b;background:#f8f7fd;border:1px solid #e4e1f4;border-radius:8px;text-overflow:ellipsis;font-size:12px;font-weight:700}.organization-switcher small{padding:3px 6px;color:#6253bd;background:var(--purple-soft);border-radius:99px;font-size:9px;font-weight:750;text-transform:capitalize}.notification-button{position:relative;margin-right:11px}.notification-button span{position:absolute;top:8px;right:9px;width:6px;height:6px;background:var(--purple);border:1px solid #fff;border-radius:50%}.profile-menu-wrap{position:relative}.profile-button{display:flex;gap:9px;align-items:center;padding:4px 0 4px 4px;color:var(--ink);background:transparent;border:0;text-align:left}.avatar,.contact-avatar{display:grid;flex:0 0 auto;width:32px;height:32px;color:#5649a9;background:#e9e4ff;border-radius:50%;place-items:center;font-size:11px;font-weight:800}.profile-text{display:grid;gap:1px;max-width:190px}.profile-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-text small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.profile-button>svg{color:var(--muted)}.profile-popover{position:absolute;z-index:50;top:calc(100% + 9px);right:0;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.profile-popover p{padding:7px 8px 10px;overflow:hidden;color:var(--muted);border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-popover button{display:flex;gap:8px;align-items:center;width:100%;margin-top:5px;padding:8px;color:var(--red);background:transparent;border:0;border-radius:7px;font-size:12px;font-weight:700}.profile-popover button:hover{background:var(--red-soft)}.page-content{padding:clamp(25px,4vw,46px) clamp(22px,4vw,54px) 52px}.page{max-width:1430px;margin:0 auto}.page-heading{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.page-heading h1{margin-bottom:5px;font-size:30px;letter-spacing:-.04em}.page-heading p{color:var(--muted);font-size:14px}.panel{border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 3px 10px #2e2a5706}.panel-head{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}.panel-head h2{margin-bottom:4px;font-size:15px;letter-spacing:-.012em}.panel-head p{color:var(--muted);font-size:12px}.panel-head-icon{color:#87859b}.global-data-error{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:1430px;margin:0 auto 20px;padding:11px 13px;color:#9e3541;background:var(--red-soft);border-radius:10px;font-size:12px}.global-data-error span{flex:1}.global-data-error button{color:#9e3541;background:transparent;border:0;font-weight:750;text-decoration:underline}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.metric-card{display:flex;gap:12px;align-items:flex-start;min-height:106px;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 10px #2e2a5706}.metric-icon{display:grid;flex:0 0 auto;width:37px;height:37px;border-radius:11px;place-items:center}.metric-icon.violet{color:#5c49c5;background:var(--purple-soft)}.metric-icon.blue{color:#2c72cb;background:var(--blue-soft)}.metric-icon.green{color:#207d54;background:var(--green-soft)}.metric-icon.orange{color:#c07120;background:var(--orange-soft)}.metric-card p{margin-bottom:2px;color:var(--muted);font-size:12px}.metric-card strong{display:block;margin-bottom:3px;font-size:23px;letter-spacing:-.035em}.metric-card small{color:#8c8e9e;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.85fr);gap:17px}.campaign-overview,.inbox-preview{min-height:380px;padding:21px}.campaign-list{display:grid;gap:16px;margin-top:22px}.campaign-row{padding-bottom:15px;border-bottom:1px solid var(--line)}.campaign-row:last-child{padding-bottom:0;border-bottom:0}.campaign-row-top{display:flex;gap:15px;justify-content:space-between}.campaign-row-top strong{display:block;margin-bottom:6px;font-size:13px}.campaign-row-top small{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:11px}.progress-line,.table-progress>div{height:6px;margin:12px 0 6px;overflow:hidden;background:#efeff5;border-radius:9px}.progress-line span,.table-progress>div span{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#8070e9,#6251d8);border-radius:9px}.campaign-row-foot{display:flex;justify-content:space-between;color:#87899a;font-size:11px}.status{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:750;white-space:nowrap}.status-running,.status-sent,.status-delivered,.status-read{color:#157348;background:var(--green-soft)}.status-scheduled,.status-pending,.status-sending{color:#5444ba;background:var(--purple-soft)}.status-paused,.status-draft,.status-skipped{color:#7a6a50;background:#f8f0df}.status-completed{color:#3370b5;background:var(--blue-soft)}.status-failed{color:#aa3443;background:var(--red-soft)}.conversation-preview-list{display:grid;margin-top:14px}.conversation-preview{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 1px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left}.conversation-preview:last-child{border-bottom:0}.conversation-preview:hover strong{color:var(--purple)}.conversation-preview>span:nth-child(2){min-width:0}.conversation-preview strong,.conversation-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview strong{margin-bottom:3px;font-size:12px}.conversation-preview small{color:var(--muted);font-size:11px}.conversation-preview time{align-self:start;color:#9899a7;font-size:10px}.conversation-preview b{position:absolute;right:0;bottom:9px;display:grid;min-width:16px;height:16px;padding:0 4px;color:#fff;background:var(--purple);border-radius:50%;place-items:center;font-size:9px}.empty-state{display:grid;max-width:320px;min-height:230px;margin:auto;padding:20px;color:var(--muted);text-align:center;place-content:center}.empty-icon{display:grid;width:45px;height:45px;margin:0 auto 12px;color:#7767d6;background:var(--purple-soft);border-radius:14px;place-items:center}.empty-state strong{margin-bottom:5px;color:#3a3a4d;font-size:14px}.empty-state p{margin-bottom:14px;font-size:12px;line-height:1.5}.skeleton-card,.skeleton-panel{position:relative;overflow:hidden;min-height:170px}.skeleton-card:after,.skeleton-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.8) 45%,transparent 70%);transform:translate(-100%);animation:shimmer 1.35s infinite}.skeleton-card,.skeleton-panel{background:#efeff5;border:0}.skeleton-panel{height:350px}@keyframes shimmer{to{transform:translate(100%)}}.campaign-webhook-panel{display:grid;gap:13px;margin-bottom:18px;padding:20px}.campaign-webhook-panel h2{margin:5px 0 6px;font-size:17px}.campaign-webhook-panel p{color:var(--muted);font-size:12px;line-height:1.45}.campaign-webhook-panel code{padding:1px 4px;color:#5948b8;background:var(--purple-soft);border-radius:4px}.campaign-webhook-url{display:flex;gap:8px;align-items:center}.campaign-webhook-url input{flex:1;min-width:0;height:38px;padding:0 10px;color:#51468e;background:#faf9ff;border:1px solid #ddd8f4;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.campaign-webhook-panel pre{width:max-content;max-width:100%;margin:0;padding:10px;overflow:auto;color:#5a5b6c;background:#f7f7fb;border-radius:8px;font-size:10px;line-height:1.45}.deelo-webhook-guide{display:grid;gap:10px;padding:14px;background:#fffbef;border:1px solid #f1dfa5;border-radius:10px}.deelo-webhook-guide h3{margin:4px 0 5px;color:#785d1a;font-size:14px}.deelo-webhook-guide small{color:#7e6e44;font-size:11px;line-height:1.45}.campaigns-table-panel{padding:21px 0 0;overflow:hidden}.campaigns-table-panel>.panel-head{padding:0 21px 18px}.table-scroll{width:100%;overflow:auto}.data-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left}.data-table th{padding:11px 20px;color:#9697a7;background:#fbfbfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.data-table td{padding:15px 20px;border-bottom:1px solid var(--line);color:#525365;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.table-primary{display:flex;gap:9px;align-items:center;min-width:190px}.table-primary strong,.table-primary small{display:block}.table-primary strong{margin-bottom:3px;color:#343548;font-size:13px}.table-primary small{max-width:180px;overflow:hidden;color:#9495a4;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.campaign-type-icon{display:grid;width:30px;height:30px;color:#624ed1;background:var(--purple-soft);border-radius:8px;place-items:center}.table-count,.table-date{display:flex;gap:5px;align-items:center;white-space:nowrap}.table-count svg,.table-date svg{color:#9393a3}.table-progress{width:125px}.table-progress>div{margin:0 0 5px}.table-progress small{color:#8c8e9e;font-size:10px;white-space:nowrap}.table-actions{display:flex;align-items:center}.table-actions .icon-button{width:30px;height:30px}.chevron-muted{margin-left:3px;color:#a5a6b3}.composer-page{max-width:1200px}.composer-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;color:var(--muted);font-size:12px}.back-button{display:inline-flex;gap:7px;align-items:center;padding:0;color:#5f5f73;font-weight:700}.back-button:hover{color:var(--purple)}.composer-heading{margin-bottom:25px}.composer-heading h1{margin-bottom:5px;font-size:31px;letter-spacing:-.04em}.composer-heading p{color:var(--muted);font-size:14px}.stepper{display:flex;width:min(100%,560px);margin:0 0 26px;padding:0;list-style:none}.stepper li{position:relative;display:flex;flex:1;gap:8px;align-items:center;color:#9a9baa;font-size:12px}.stepper li:not(:last-child):after{position:absolute;top:15px;left:34px;width:calc(100% - 40px);height:1px;content:"";background:#dfdfe8}.stepper li>span{position:relative;z-index:1;display:grid;width:30px;height:30px;color:#8f90a0;background:#efeff3;border-radius:50%;place-items:center;font-size:11px;font-weight:800}.stepper li.active,.stepper li.done{color:#4d438f}.stepper li.active>span,.stepper li.done>span{color:#fff;background:var(--purple)}.stepper li.done:after{background:#8b7be6}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px;align-items:start}.composer-main{padding:28px}.composer-section{display:grid;gap:20px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:1px}.section-icon{display:grid;flex:0 0 auto;width:39px;height:39px;color:#604dcc;background:var(--purple-soft);border-radius:11px;place-items:center}.section-title h2{margin-bottom:4px;font-size:17px;letter-spacing:-.015em}.section-title p{color:var(--muted);font-size:12px;line-height:1.45}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line-strong);border-radius:10px;background:#f8f8fb}.segmented-control button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:37px;padding:6px;color:#747587;background:transparent;border:0;border-radius:7px;font-size:12px;font-weight:720}.segmented-control button.selected{color:#5041b2;background:#fff;box-shadow:0 2px 6px #27234a1a}.import-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:13px}.import-option{display:grid;min-height:180px;padding:18px;color:#505165;background:#fcfcfe;border:1px dashed #c7c3eb;border-radius:12px;text-align:left;transition:border .16s,background .16s}.import-option:hover{background:#f8f6ff;border-color:#8f82df}.import-option>span{display:grid;width:37px;height:37px;margin-bottom:12px;color:#5c4bc4;background:#e9e5ff;border-radius:9px;place-items:center}.import-option strong{margin-bottom:5px;color:#414256;font-size:13px}.import-option small{color:var(--muted);line-height:1.45;font-size:11px}.webhook-intake-option{display:grid;grid-template-columns:auto 40px minmax(0,1fr);gap:11px;align-items:center;padding:14px;color:#56576a;border:1px solid var(--line-strong);border-radius:11px;cursor:pointer}.webhook-intake-option.selected{color:#4f43aa;background:#f8f6ff;border-color:#9b8ee8}.webhook-intake-option>input{width:17px;height:17px;accent-color:var(--purple)}.webhook-intake-option .section-icon{display:grid;width:37px;height:37px;color:#5c4bc4;background:#e9e5ff;border-radius:9px;place-items:center}.webhook-intake-option>span:last-child{display:grid;gap:4px;min-width:0}.webhook-intake-option strong{color:#424355;font-size:12px}.webhook-intake-option small{color:var(--muted);font-size:11px;line-height:1.45}.webhook-intake-option code{padding:1px 4px;color:#5948b8;background:var(--purple-soft);border-radius:4px}.paste-option{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:11px}.paste-option>span{grid-row:span 2}.paste-option textarea{grid-column:1 / -1;width:100%;min-height:53px;margin:11px 0 8px;padding:8px;color:#424358;border:1px solid var(--line-strong);border-radius:7px;outline:none;resize:vertical;font-size:11px}.paste-option textarea:focus{border-color:#9a8ff0}.paste-option .button{justify-self:end}.import-results{padding:14px;border:1px solid #e3e0f3;border-radius:11px;background:#fbfaff}.import-stats{display:flex;gap:15px;margin-bottom:13px;color:#77788a;font-size:11px}.import-stats strong{color:#45455a}.contact-preview-table{overflow:hidden;border:1px solid #e6e5ef;border-radius:8px;background:#fff}.contact-preview-head,.contact-preview-row{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px;padding:8px 10px;border-bottom:1px solid #efeff3;font-size:11px}.contact-preview-head{color:#8b8c9b;background:#fafafd;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.contact-preview-row{color:#595a6c}.contact-preview-row:last-of-type{border-bottom:0}.contact-preview-row .valid{color:var(--green);font-weight:700}.contact-preview-row .invalid{color:var(--red);font-weight:700}.contact-preview-table>p{margin:9px 10px 1px;color:var(--muted);font-size:10px}.compliance-note,.notice-warning{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;color:#687083;background:#f4f5f9;border-radius:9px;font-size:11px;line-height:1.45}.compliance-note svg{flex:0 0 auto;color:#6872bf}.composer-actions{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.campaign-summary{position:sticky;top:25px;overflow:hidden;border:1px solid #e3e0fa;border-radius:14px;background:#fdfdff}.summary-heading{padding:19px;background:#f5f2ff}.summary-heading span{display:block;margin-bottom:6px;color:#7a6bd5;font-size:9px;font-weight:800;letter-spacing:.1em}.summary-heading h2{overflow:hidden;color:#3d3a5d;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.summary-message{padding:17px 19px;border-bottom:1px solid #eceaf6}.summary-message p{margin-bottom:9px;color:#777489;font-size:10px;font-weight:750}.summary-message pre{max-height:125px;margin:0;overflow:auto;color:#505164;white-space:pre-wrap;font:11px/1.5 inherit}.campaign-summary dl{display:grid;gap:10px;margin:0;padding:17px 19px}.campaign-summary dl div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.campaign-summary dt{color:#8d8d9e}.campaign-summary dd{margin:0;color:#4a4a5c;font-weight:750;text-align:right}.summary-tip{display:flex;gap:6px;margin:0 14px 14px;padding:9px;color:#7768b3;background:var(--purple-soft);border-radius:7px;font-size:10px;line-height:1.4}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.schedule-options button{display:flex;gap:10px;align-items:flex-start;padding:13px;color:#737486;background:#fff;border:1px solid var(--line-strong);border-radius:10px;text-align:left}.schedule-options button.selected{color:#4e41ad;background:#faf9ff;border-color:#9388df;box-shadow:0 0 0 3px #6554d912}.schedule-options button>svg{flex:0 0 auto;margin-top:2px}.schedule-options strong,.schedule-options small{display:block}.schedule-options strong{margin-bottom:4px;font-size:12px}.schedule-options small{color:#88899a;font-size:10px;line-height:1.4}.consent-check{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #ddd9f5;border-radius:10px;background:#fbfaff;cursor:pointer}.consent-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--purple)}.consent-check strong,.consent-check small{display:block}.consent-check strong{margin-bottom:4px;color:#4c4d62;font-size:12px}.consent-check small{color:var(--muted);font-size:11px;line-height:1.45}.notice-warning{color:#956027;background:#fff5e8}.notice-warning svg{flex:0 0 auto}.inbox-page{max-width:1450px}.inbox-panel{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:655px;overflow:hidden}.conversation-sidebar{display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--line);background:#fcfcfe}.inbox-filter-row{display:flex;gap:4px;padding:12px 16px 0}.inbox-filter-row button{flex:1;padding:7px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px;font-weight:750}.inbox-filter-row button.active{color:var(--purple);border-bottom-color:var(--purple)}.conversation-search{display:flex;gap:8px;align-items:center;margin:16px;padding:0 11px;color:#9192a2;border:1px solid var(--line-strong);border-radius:9px;background:#fff}.conversation-search input{height:35px;padding:0;border:0;border-radius:0;font-size:12px}.conversation-search input:focus{box-shadow:none}.conversation-list{overflow:auto}.conversation-item{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:12px 15px;color:#4d4e5f;background:transparent;border:0;border-top:1px solid #f0f0f4;text-align:left}.conversation-item:hover{background:#f7f6fc}.conversation-item.selected{background:var(--purple-soft)}.conversation-item.selected .contact-avatar{color:#fff;background:var(--purple)}.conversation-copy{min-width:0}.conversation-copy strong,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy strong{margin-bottom:4px;font-size:12px}.conversation-copy small{color:#8d8e9e;font-size:10px}.conversation-tags,.chat-labels{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.conversation-tags i,.chat-labels i{max-width:105px;overflow:hidden;padding:2px 5px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 12%,white);border-radius:99px;font-size:8px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.load-more{width:calc(100% - 28px);margin:12px 14px;padding:8px;color:var(--purple);background:var(--purple-soft);border:0;border-radius:8px;font-size:11px;font-weight:750}.conversation-meta{align-self:stretch;display:grid;justify-items:end;align-content:space-between}.conversation-meta time{color:#a0a1ae;font-size:9px}.conversation-meta b{display:grid;min-width:17px;height:17px;padding:0 4px;color:#fff;background:var(--purple);border-radius:50%;place-items:center;font-size:9px}.compact-empty{display:grid;gap:8px;padding:44px 20px;color:#999aaa;text-align:center;place-items:center;font-size:12px}.chat-area{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}.chat-area>.empty-state{flex:1}.chat-head{display:flex;gap:10px;align-items:center;min-height:66px;padding:13px 17px;border-bottom:1px solid var(--line)}.chat-head .large{width:36px;height:36px}.chat-head .chat-person{flex:1;min-width:0}.chat-head-actions{display:flex;flex:0 0 auto;gap:2px}.chat-head h2{margin-bottom:3px;color:#424356;font-size:14px}.chat-head p{color:#9293a2;font-size:11px}.labels-drawer{display:grid;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line);background:#fbfaff}.labels-drawer>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:12px}.label-options{display:flex;flex-wrap:wrap;gap:6px}.label-options button{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;color:#626374;background:#fff;border:1px solid var(--line-strong);border-radius:99px;font-size:10px;font-weight:700}.label-options button.selected{color:var(--purple);border-color:#b4aaef;background:var(--purple-soft)}.label-options i{width:8px;height:8px;border-radius:50%}.new-label-form{display:flex;gap:6px}.new-label-form input[type=text],.new-label-form input:not([type]){flex:1;min-width:0;height:32px;padding:0 9px;border:1px solid var(--line-strong);border-radius:8px;font-size:11px}.new-label-form input[type=color]{width:35px;height:32px;padding:2px;border:1px solid var(--line-strong);border-radius:7px;background:#fff}.chat-warning{display:flex;gap:6px;align-items:center;padding:7px 15px;color:#7d6c4a;background:#fff8ee;font-size:10px;line-height:1.35}.messages-area{flex:1;overflow:auto;padding:18px clamp(15px,3vw,35px);background:linear-gradient(135deg,#fafaff,#f7f8fb)}.messages-loading{display:grid;min-height:200px;color:#9293a3;place-items:center;font-size:12px}.message-date{width:max-content;margin:5px auto 14px;padding:4px 9px;color:#777889;background:#ececf1;border-radius:99px;font-size:9px;font-weight:700}.message-bubble-wrap{display:flex;margin:3px 0}.message-bubble-wrap.incoming{justify-content:flex-start}.message-bubble-wrap.outgoing{justify-content:flex-end}.message-bubble{max-width:min(73%,560px);padding:9px 10px 6px;color:#454555;background:#fff;border:1px solid #e9e9ef;border-radius:10px 10px 10px 3px;box-shadow:0 1px 2px #1f1e410a}.outgoing .message-bubble{color:#3e375e;background:#eeeaff;border-color:#e1dcfb;border-radius:10px 10px 3px}.message-bubble p{white-space:pre-wrap;font-size:12px;line-height:1.45}.message-bubble span{display:flex;gap:3px;align-items:center;justify-content:flex-end;margin-top:3px;color:#9899a8;font-size:9px}.message-bubble-wrap{position:relative;gap:4px;align-items:center}.message-actions{display:none;align-items:center;gap:1px}.message-bubble-wrap:hover .message-actions{display:flex}.message-actions>button,.message-actions summary{display:grid;width:25px;height:25px;padding:0;color:#77788c;background:#fff;border:1px solid var(--line);border-radius:7px;cursor:pointer;list-style:none;place-items:center}.message-actions details{position:relative}.message-actions details summary::-webkit-details-marker{display:none}.message-actions details>span{position:absolute;z-index:5;right:0;bottom:29px;display:flex;gap:2px;margin:0;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.message-actions details button{padding:3px;background:transparent;border:0;font-size:15px}.quoted-message{margin-bottom:7px;padding:5px 7px;overflow:hidden;color:#77778c;background:#ffffff7a;border-left:2px solid #9b8eeb;border-radius:3px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.message-reactions{display:flex;gap:2px;margin:5px 0 -13px}.message-reactions i{padding:1px 4px;background:#fff;border:1px solid var(--line);border-radius:99px;font-size:11px;font-style:normal}.message-status{color:#9091a0}.message-status.delivered,.message-status.read{color:#5385c8}.message-bubble .message-failure{margin:7px 0 2px;padding:6px 7px;color:#a23a47;background:#ffeff1e6;border:1px solid #f1d1d7;border-radius:6px;font-size:10px;line-height:1.35}.reply-box{display:flex;gap:9px;align-items:flex-end;padding:12px 15px;border-top:1px solid var(--line);background:#fff}.reply-context{display:flex;gap:6px;align-items:center;min-width:0;padding:7px 8px;color:#6d668f;background:var(--purple-soft);border-radius:8px;font-size:10px}.reply-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-context button{display:grid;margin-left:auto;padding:0;color:#6d668f;background:none;border:0;place-items:center}.reply-box textarea{flex:1;min-height:42px;max-height:110px;padding:10px;color:#464656;background:#fafafd;border:1px solid var(--line-strong);border-radius:9px;outline:none;resize:vertical;font-size:12px}.reply-box textarea:focus{border-color:#998dec;box-shadow:0 0 0 3px #6554d91a}.reply-box .button{min-width:91px}.chat-error{margin:0 14px 6px}.report-heading{align-items:flex-end}.report-actions{display:flex;gap:8px;align-items:flex-end}.report-actions label{display:grid;gap:4px;color:#878899;font-size:10px;font-weight:700}.report-actions input{height:39px;padding:0 9px;color:#555667;border:1px solid var(--line-strong);border-radius:8px;background:#fff;outline:none;font-size:12px}.report-actions input:focus{border-color:#9c91ec}.report-metrics{margin-bottom:17px}.reports-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:17px;margin-bottom:17px}.funnel-panel{padding:21px}.funnel-panel .panel-head{margin-bottom:22px}.funnel-row{display:grid;grid-template-columns:145px 1fr 34px;gap:10px;align-items:center;margin:13px 0}.funnel-row>div:first-child{display:flex;justify-content:space-between;gap:5px;color:#777889;font-size:11px}.funnel-row strong{color:#4b4c5e}.funnel-track{height:10px;overflow:hidden;background:#efeff4;border-radius:5px}.funnel-track span{display:block;min-width:2px;height:100%;border-radius:5px}.funnel-track .sent{background:#8677e8}.funnel-track .delivered{background:#4da978}.funnel-track .read{background:#5291db}.funnel-track .reply{background:#df9c57}.funnel-row>small{color:#888999;font-size:10px;text-align:right}.report-note{padding:23px}.report-note .section-icon{margin-bottom:17px}.report-note h2{margin-bottom:9px;font-size:16px}.report-note p{margin-bottom:13px;color:var(--muted);font-size:12px;line-height:1.55}.report-note code{padding:2px 4px;color:#5c4ac5;background:var(--purple-soft);border-radius:4px}.report-table{padding:21px 0 0;overflow:hidden}.report-table .panel-head{padding:0 21px 18px}.logs-panel{padding:18px 0 0;overflow:hidden}.logs-filter{display:flex;gap:11px;padding:0 18px 16px}.logs-filter .conversation-search{flex:1;margin:0}.select-filter{display:flex;gap:7px;align-items:center;padding:0 10px;color:#858697;border:1px solid var(--line-strong);border-radius:9px;font-size:12px}.select-filter select{height:35px;color:#5b5c6b;background:transparent;border:0;outline:none;font-size:12px}.log-list{border-top:1px solid var(--line)}.log-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:14px 18px;border-bottom:1px solid var(--line)}.log-icon{display:grid;width:31px;height:31px;border-radius:8px;place-items:center}.log-item.info .log-icon{color:#4d7ec0;background:var(--blue-soft)}.log-item.warning .log-icon{color:#b66a1e;background:var(--orange-soft)}.log-item.error .log-icon{color:#b23b49;background:var(--red-soft)}.log-item strong{display:block;margin:1px 0 4px;color:#484959;font-size:12px}.log-item p{color:#858696;font-size:11px;line-height:1.4}.log-item time{color:#9899a7;font-size:10px;white-space:nowrap}.log-item details{margin-top:6px;color:#6f7081;font-size:10px}.log-item summary{cursor:pointer}.log-item pre{max-width:540px;max-height:150px;margin:6px 0 0;overflow:auto;padding:7px;color:#626372;background:#f6f6f9;border-radius:6px;font-size:9px}.connection-badge{display:flex;gap:6px;align-items:center;min-height:31px;padding:6px 10px;color:#9b6428;background:#fff1df;border-radius:99px;font-size:11px;font-weight:750}.connection-badge.ready{color:#22764e;background:var(--green-soft)}.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:18px;align-items:start}.settings-form{display:grid;gap:18px;padding:25px}.settings-form .panel-head h2{display:flex;gap:8px;align-items:center;font-size:17px}.settings-form .panel-head h2 svg{color:var(--purple)}.settings-loading{display:grid;min-height:280px;gap:10px;color:var(--muted);place-content:center;font-size:12px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.settings-aside{display:grid;gap:18px}.webhook-card,.security-card{padding:22px}.webhook-card .section-icon{margin-bottom:15px}.webhook-card h2,.security-card h2{margin-bottom:8px;font-size:16px}.webhook-card>p,.security-card p{color:var(--muted);font-size:12px;line-height:1.55}.webhook-url{display:flex;gap:4px;align-items:center;margin:15px 0;padding:6px 5px 6px 10px;border:1px solid #dfdbf5;border-radius:8px;background:#faf9ff}.webhook-url code{flex:1;overflow:hidden;color:#5a49bd;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.webhook-url .icon-button{width:29px;height:29px}.webhook-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#68697a;font-size:11px}.webhook-card li{display:flex;gap:7px;align-items:center}.webhook-card li svg{color:#31a76a}.security-card{display:flex;gap:12px;align-items:flex-start;background:#202035}.security-card>svg{flex:0 0 auto;color:#b4aaff}.security-card h2{color:#fff}.security-card p{color:#c4c3d1}.security-card a{display:inline-flex;gap:5px;align-items:center;margin-top:11px;color:#c1b9ff;font-size:11px;font-weight:700;text-decoration:none}.security-card a:hover{text-decoration:underline}.button-danger{color:#fff;background:#c84252;box-shadow:0 6px 14px #ab34422e}.button-danger:not(:disabled):hover{background:#ab3040}.button-outline-danger{color:#b43d4c;background:#fff;border:1px solid #f1cbd0;box-shadow:none}.button-outline-danger:not(:disabled):hover{color:#9f3140;background:var(--red-soft)}.error-text{color:#b23c4a}.inline-link{margin-left:4px;padding:0;color:#5a49bc;background:transparent;border:0;font:inherit;font-weight:750;text-decoration:underline}.organization-panel{display:grid;gap:16px;margin-bottom:18px;padding:21px}.organization-panel h2,.team-section h2{display:flex;gap:8px;align-items:center}.organization-panel h2 svg,.team-section h2 svg{color:var(--purple)}.organization-tools{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:14px;align-items:end}.new-organization{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.integration-list{overflow:hidden;padding:18px 0 0}.integration-list .panel-head{padding:0 17px 15px}.integration-list .panel-head h2{display:flex;gap:7px;align-items:center}.integration-items{display:grid;border-top:1px solid var(--line)}.integration-item{display:flex;gap:10px;align-items:flex-start;width:100%;padding:13px 16px;color:#45465b;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left}.integration-item:hover,.integration-item.selected{background:#f7f5ff}.integration-item.selected{box-shadow:inset 3px 0 0 var(--purple)}.integration-item>span:last-child{display:grid;gap:3px;min-width:0}.integration-item strong,.integration-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-item strong{font-size:12px}.integration-item small{color:var(--muted);font-size:10px}.compact-empty{padding:16px;color:var(--muted);font-size:11px;line-height:1.45}.template-facts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:11px 12px;color:#5e5f70;background:#f8f7fd;border:1px solid #e7e3f7;border-radius:9px;font-size:11px}.template-facts strong{color:#4b3db1}.template-facts span{padding-left:8px;border-left:1px solid #ddd8f2}.template-variable-map{display:grid;gap:10px;padding:13px;border:1px solid #e4e0f3;border-radius:10px}.template-variable-map>span{color:#494a5d;font-size:13px;font-weight:750}.template-variable-map>small{margin-top:-5px;color:var(--muted);font-size:11px}.template-variable-map code,.template-parameter-guide code,.webhook-paid-preset code{padding:1px 4px;color:#5546b8;background:var(--purple-soft);border-radius:4px}.template-source-text{display:grid;gap:7px;padding:12px;color:#4c4d61;background:#fbfbfe;border:1px solid #e4e1f0;border-radius:10px}.template-source-text strong{font-size:12px}.template-source-text pre,.template-parameter-guide pre{max-width:100%;margin:0;padding:10px;overflow:auto;color:#505163;background:#f5f5fa;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.45;white-space:pre-wrap}.template-parameter-guide{display:grid;gap:8px;padding:12px;color:#555669;background:#fbfaff;border:1px solid #ded9f1;border-radius:9px}.template-parameter-guide>div{display:flex;gap:7px;align-items:center;color:#4e40ad;font-size:12px}.template-parameter-guide p,.template-parameter-guide small{color:var(--muted);font-size:11px;line-height:1.45}.webhook-rules{display:grid;gap:12px;padding:15px;border:1px solid #dcd6f5;border-radius:11px;background:#fcfbff}.webhook-rules-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.webhook-rules-head>div{display:grid;gap:3px}.webhook-rules-head strong{color:#444457;font-size:12px}.webhook-rules-head small{color:var(--muted);font-size:11px;line-height:1.4}.webhook-paid-preset{width:max-content;max-width:100%;padding:9px 10px;color:#5949b9;background:#f4f1ff;border:1px solid #d9d2fa;border-radius:8px;font-size:11px;font-weight:700;text-align:left}.webhook-paid-preset:hover{background:#ece8ff;border-color:#b9aeed}.webhook-rule-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(130px,.9fr) minmax(130px,1fr) 32px;gap:9px;align-items:end;padding-top:11px;border-top:1px solid #ece9f7}.webhook-rule-row .field{gap:5px}.webhook-rule-row .field>span{font-size:10px}.webhook-rule-row .icon-button{width:32px;height:34px;margin-bottom:1px}.team-section{display:grid;gap:17px;margin-top:18px;padding:22px}.access-codes-section{display:grid;gap:16px;margin-top:18px;padding:22px}.access-codes-section h2{display:flex;gap:8px;align-items:center}.access-codes-section h2 svg{color:var(--purple)}.access-code-create{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:11px;align-items:end}.new-access-code{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #cfe8d9;border-radius:11px;background:#f4fcf7}.new-access-code>div{display:grid;gap:4px;min-width:0}.new-access-code span{display:inline-flex;gap:6px;align-items:center;color:#28734a;font-size:11px;font-weight:760}.new-access-code strong{overflow:hidden;color:#1f2e25;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.new-access-code small{color:#5a7465;font-size:11px}.access-code-list{display:grid;border-top:1px solid var(--line)}.access-code-record{display:grid;grid-template-columns:minmax(0,1fr) auto 146px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.access-code-main{display:grid;gap:3px;min-width:0}.access-code-main strong{color:#4a4b5e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.04em}.access-code-main small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.access-code-actions{display:flex;gap:7px;justify-content:flex-end}.access-code-reveal{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:94px;height:32px;padding:0 9px;color:#5545b8;background:#f4f1ff;border:1px solid #ded7fa;border-radius:8px;font-size:10px;font-weight:760}.access-code-reveal:hover:not(:disabled){background:#ebe6ff}.access-code-reveal:disabled{cursor:wait;opacity:.72}.invite-status{min-width:72px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:760;text-align:center}.invite-status.active{color:#227045;background:#e8f8ee}.invite-status.pending{color:#85651e;background:#fff6df}.invite-status.used{color:#5c4ba9;background:#eeebff}.invite-status.expired{color:#8a6b2e;background:#fff6df}.invite-status.revoked{color:#9a3d4a;background:#fff0f2}.access-code-action-placeholder{width:146px;height:33px}.member-create{display:grid;grid-template-columns:1fr 1.15fr .9fr 1fr auto;gap:11px;align-items:end;padding-bottom:17px;border-bottom:1px solid var(--line)}.member-list{display:grid}.member-record{border-bottom:1px solid var(--line)}.member-record:last-child{border-bottom:0}.member-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:center;padding:11px 0}.member-row:last-child{border-bottom:0}.member-row strong,.member-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row strong{margin-bottom:3px;color:#4b4c5e;font-size:12px}.member-row small{color:var(--muted);font-size:11px}.member-row select{min-width:0;height:35px;padding:0 28px 0 9px;color:#555667;background:#fff;border:1px solid var(--line-strong);border-radius:8px;font-size:11px}.member-role{width:max-content;min-width:0;padding:5px 8px;color:#5748b8;background:var(--purple-soft);border-radius:99px;font-size:10px;font-weight:760;white-space:nowrap}.member-actions{display:flex;gap:5px;align-items:center}.member-delete-button{color:#8f2637;background:#fff4f5}.member-editor{display:grid;grid-template-columns:1fr 1.15fr .9fr 1fr auto;gap:10px;align-items:end;margin:0 0 12px;padding:13px;background:#faf9ff;border:1px solid #e4e0f6;border-radius:10px}.member-editor-actions{display:flex;gap:7px;align-items:center;padding-bottom:1px}.danger-icon{color:#b13a49}.danger-icon:hover{background:var(--red-soft)}.danger-zone{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px;padding:21px;border-color:#f1d4d7;background:#fffafb}.danger-zone h2{margin-bottom:5px;color:#8f3541;font-size:15px}.danger-zone p{max-width:650px;color:#8a6f75;font-size:12px;line-height:1.45}.danger-zone>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.toast{position:fixed;z-index:100;right:25px;bottom:25px;display:flex;gap:9px;align-items:center;max-width:min(440px,calc(100vw - 32px));padding:11px 8px 11px 13px;color:#1c7049;background:#ecfbf3;border:1px solid #cbf0dc;border-radius:11px;box-shadow:0 12px 30px #1c332b2b;font-size:12px;font-weight:620;animation:toast-in .2s ease-out}.toast.error{color:#a23442;background:#fff1f3;border-color:#f6d8dd}.toast p{flex:1;line-height:1.4}.toast .icon-button{width:28px;height:28px;color:inherit}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:220px minmax(0,1fr)}.settings-aside{grid-column:1 / -1;grid-template-columns:1fr 1fr}.member-create{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.inbox-preview{min-height:auto}}@media (max-width: 980px){.auth-shell{grid-template-columns:1fr}.auth-pitch{min-height:430px;padding:90px 9vw 45px}.auth-pitch .brand{top:33px;left:9vw}.auth-pitch-copy h1{font-size:40px}.auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 0;font-size:11px}.auth-legal{display:none}.auth-card-wrap{padding:52px 25px}.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:14px 0 35px #0003}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#11101f7a;border:0}.mobile-only,.mobile-menu{display:grid}.app-main{width:100%;margin-left:0}.topbar{min-height:62px}.topbar .mobile-menu{margin-right:8px}.composer-layout{grid-template-columns:minmax(0,1fr)}.campaign-summary{position:static}.inbox-panel{grid-template-columns:310px minmax(0,1fr)}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-aside{grid-template-columns:1fr 1fr}}@media (max-width: 690px){.page-content{padding:22px 15px 37px}.topbar{padding:0 15px}.organization-switcher{max-width:calc(100vw - 176px)}.organization-switcher select{max-width:145px}.organization-switcher small{display:none}.profile-text,.profile-button>svg{display:none}.notification-button{margin-right:4px}.page-heading,.report-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading>.button,.report-actions{width:100%}.report-actions{flex-wrap:wrap}.report-actions label,.report-actions .button{flex:1}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:91px;padding:13px}.metric-icon{width:31px;height:31px}.metric-card strong{font-size:19px}.metric-card p,.metric-card small{font-size:9px}.campaign-overview,.inbox-preview{padding:16px}.composer-main{padding:18px}.composer-heading h1{font-size:27px}.stepper{width:100%}.stepper li{gap:5px}.stepper li strong{display:none}.stepper li:not(:last-child):after{left:34px;width:calc(100% - 38px)}.form-grid,.import-grid,.schedule-options,.reports-grid,.settings-aside{grid-template-columns:1fr}.segmented-control button{font-size:10px}.inbox-panel{display:flex;min-height:690px;flex-direction:column}.conversation-sidebar{flex:0 0 210px;border-right:0;border-bottom:1px solid var(--line)}.conversation-list{display:flex;overflow-x:auto}.conversation-item{display:flex;flex:0 0 175px;min-height:68px;border-top:0;border-right:1px solid var(--line)}.conversation-meta{display:none}.chat-area{min-height:480px}.message-bubble{max-width:87%}.funnel-row{grid-template-columns:105px 1fr 30px}.settings-form{padding:18px}.settings-actions{flex-direction:column-reverse}.settings-actions .button{width:100%}.organization-tools,.member-create,.access-code-create,.new-organization{grid-template-columns:1fr}.member-row{grid-template-columns:minmax(0,1fr) auto auto}.member-editor{grid-template-columns:1fr}.member-editor-actions{justify-content:flex-end}.new-access-code{align-items:flex-start;flex-direction:column}.access-code-record{grid-template-columns:minmax(0,1fr) auto 146px}.danger-zone{align-items:flex-start;flex-direction:column}.danger-zone>div:last-child{justify-content:flex-start}.toast{right:16px;bottom:16px}}@media (max-width: 420px){.auth-pitch{min-height:455px}.auth-pitch-copy h1{font-size:33px}.auth-benefits{grid-template-columns:1fr}.auth-card-wrap{padding:40px 20px}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:80px}.composer-topbar>span{display:none}.reply-box{align-items:stretch;flex-direction:column}.reply-box .button{width:100%}}.sidebar-collapse-button{display:flex;gap:9px;align-items:center;width:100%;min-height:38px;margin:0 0 9px;padding:0 11px;color:#acaabd;background:transparent;border:0;border-radius:8px;font-size:11px;font-weight:700;text-align:left}.sidebar-collapse-button:hover{color:#fff;background:#ffffff12}.app-shell.sidebar-collapsed .sidebar{width:74px;padding-right:10px;padding-left:10px}.app-shell.sidebar-collapsed .app-main{width:calc(100% - 74px);margin-left:74px}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0 0 23px}.app-shell.sidebar-collapsed .sidebar .brand-name,.app-shell.sidebar-collapsed .account-chip>span:not(.status-dot),.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .sidebar-help>span,.app-shell.sidebar-collapsed .sidebar-collapse-button span{display:none}.app-shell.sidebar-collapsed .account-chip{justify-content:center;margin-right:1px;margin-left:1px;padding-right:0;padding-left:0}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .sidebar-collapse-button{justify-content:center;padding:0}.app-shell.sidebar-collapsed .sidebar-help{justify-content:center;padding-right:0;padding-left:0}.profile-page>.form-message{margin-bottom:15px}.profile-heading{margin-bottom:23px}.profile-security-note{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;color:#4d438f;background:var(--purple-soft);border-radius:9px;font-size:11px;font-weight:720}.profile-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:17px}.profile-form-card,.password-card{display:grid;align-content:start;gap:16px;padding:22px}.profile-form-card .panel-head,.password-card .panel-head{margin-bottom:2px}.profile-form-card .panel-head h2,.password-card .panel-head h2{display:flex;gap:8px;align-items:center}.profile-form-card .panel-head svg,.password-card .panel-head svg{color:var(--purple)}.profile-loading{display:grid;min-height:240px;gap:10px;color:var(--muted);place-content:center;font-size:12px}.profile-password-note{display:flex;gap:8px;align-items:flex-start;padding:11px;color:#676879;background:#f7f7fb;border-radius:9px;font-size:11px;line-height:1.45}.profile-password-note svg{flex:0 0 auto;color:#7161d7}.profile-save-bar{grid-column:1 / -1;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;color:var(--muted);font-size:12px;line-height:1.4}.profile-save-bar>span{max-width:640px}.profile-popover .profile-edit-action{color:#535467}.profile-popover .profile-edit-action:hover{color:var(--purple);background:var(--purple-soft)}.profile-popover .profile-logout-action{color:var(--red)}.profile-popover .profile-logout-action:hover{background:var(--red-soft)}.page-content-workspace{height:calc(100vh - 70px);min-height:580px;padding:0}.workspace-mode .page-content{max-width:none}.inbox-page{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;background:#fff}.inbox-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px clamp(22px,3vw,42px) 13px;border-bottom:1px solid var(--line);background:#fff}.inbox-toolbar h1{margin-bottom:3px;font-size:22px;letter-spacing:-.035em}.inbox-toolbar p{color:var(--muted);font-size:12px}.inbox-toolbar>div:last-child{display:flex;gap:8px;align-items:center}.inbox-panel{display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);min-height:0;height:100%;overflow:hidden;border:0;border-radius:0;box-shadow:none}.inbox-page:fullscreen{width:100%;height:100vh;background:#fff}.inbox-page:fullscreen .inbox-toolbar{padding-right:clamp(20px,4vw,54px);padding-left:clamp(20px,4vw,54px)}.inbox-page:fullscreen .inbox-panel{height:calc(100vh - 76px)}.reply-box{display:grid;gap:8px;align-items:stretch;padding:11px 15px}.reply-editor{display:flex;gap:8px;align-items:flex-end}.reply-editor textarea{flex:1;min-width:0;min-height:42px;max-height:110px;padding:10px;color:#464656;background:#fafafd;border:1px solid var(--line-strong);border-radius:9px;outline:none;resize:vertical;font-size:12px}.reply-editor textarea:focus{border-color:#998dec;box-shadow:0 0 0 3px #6554d91a}.reply-editor textarea:disabled{color:#8c8d9b;background:#f2f2f6;cursor:not-allowed}.reply-editor .button{min-width:104px}.reply-attachment{display:flex;gap:9px;align-items:center;padding:8px 9px;color:#515266;background:#f5f3ff;border:1px solid #e5e0fa;border-radius:9px}.reply-attachment>span{display:grid;width:29px;height:29px;color:#6353c8;background:#e4dfff;border-radius:8px;place-items:center}.reply-attachment>div{display:grid;flex:1;min-width:0;gap:2px}.reply-attachment strong,.reply-attachment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-attachment strong{font-size:11px}.reply-attachment small{color:#7d7d91;font-size:10px}.reply-attachment .icon-button{width:30px;height:30px}.recording-state{display:flex;gap:7px;align-items:center;padding:7px 9px;color:#9f3544;background:#fff1f3;border-radius:8px;font-size:11px;font-weight:700}.recording-state>span{width:8px;height:8px;background:#df5361;border-radius:50%;animation:recording-pulse 1.1s infinite}.recording-state button{display:inline-flex;gap:5px;align-items:center;margin-left:auto;padding:4px 7px;color:#a43b49;background:#fff;border:1px solid #f1cbd0;border-radius:6px;font-size:10px;font-weight:750}.recording-button{color:var(--red);background:var(--red-soft)}.attachment-help{color:#9495a4;font-size:10px;line-height:1.35}@keyframes recording-pulse{50%{transform:scale(.72);opacity:.45}}.media-loading,.media-unavailable{display:flex;gap:7px;align-items:center;min-height:36px;margin-bottom:5px;padding:7px 8px;color:#737486;background:#ffffff85;border:1px solid rgba(131,129,153,.18);border-radius:8px;font-size:10px}.media-unavailable{color:#a36841;background:#fff8ee;border-color:#f2dfc3}.media-image{display:block;max-width:min(100%,330px);margin-bottom:5px;overflow:hidden;border-radius:8px;background:#efeff4}.media-image img{display:block;width:100%;max-height:350px;object-fit:contain}.media-audio{display:flex;gap:7px;align-items:center;min-width:min(100%,250px);margin-bottom:5px;padding:6px 7px;color:#5e50c0;background:#ffffff85;border-radius:8px}.media-audio audio{width:min(250px,100%);height:30px}.media-video{display:block;width:min(100%,350px);max-height:330px;margin-bottom:5px;border-radius:8px;background:#13131c}.media-document{display:flex;gap:9px;align-items:center;min-width:210px;max-width:340px;margin-bottom:5px;padding:9px;color:#4d4e60;background:#fff9;border:1px solid rgba(129,127,154,.18);border-radius:8px;text-decoration:none}.media-document:hover{color:var(--purple);border-color:#b7adee}.media-document>span{display:grid;flex:1;min-width:0;gap:2px;margin:0;color:inherit}.media-document strong,.media-document small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-document strong{font-size:10px}.media-document small{color:#8b8b9a;font-size:9px}@media (max-width: 980px){.app-shell.sidebar-collapsed .sidebar{width:242px;padding:25px 15px 19px}.app-shell.sidebar-collapsed .app-main{width:100%;margin-left:0}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:space-between;padding:0 10px 28px}.app-shell.sidebar-collapsed .sidebar .brand-name,.app-shell.sidebar-collapsed .account-chip>span:not(.status-dot),.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .sidebar-help>span{display:initial}.app-shell.sidebar-collapsed .account-chip,.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .sidebar-help{justify-content:initial}.app-shell.sidebar-collapsed .nav-item{padding:0 12px}.sidebar-collapse-button{display:none}.page-content-workspace{height:calc(100vh - 62px)}}@media (max-width: 760px){.profile-layout{grid-template-columns:1fr}.profile-save-bar{align-items:stretch;flex-direction:column}.profile-save-bar .button{width:100%}.webhook-rules-head{align-items:stretch;flex-direction:column}.webhook-rules-head .button{width:100%}.webhook-rule-row{grid-template-columns:1fr}.webhook-rule-row .icon-button{width:100%}.inbox-toolbar{align-items:flex-start;flex-direction:column;padding:13px 15px 11px}.inbox-toolbar>div:last-child{width:100%}.inbox-toolbar>div:last-child .button{flex:1}.inbox-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:204px minmax(0,1fr)}.conversation-sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.conversation-list{display:flex;overflow-x:auto}.conversation-item{display:flex;flex:0 0 185px;min-height:66px;border-top:0;border-right:1px solid var(--line)}.conversation-meta{display:none}.chat-area{min-height:0}}@media (max-width: 520px){.profile-form-card,.password-card{padding:17px}.profile-security-note{width:100%}.inbox-fullscreen-button{display:none}.reply-editor{flex-wrap:wrap}.reply-editor textarea{flex-basis:calc(100% - 90px)}.reply-editor .button{flex:1 0 100%;width:100%}.media-image,.media-video{max-width:100%}}
