:root{font-family:'DM Sans',sans-serif;color:#222329;background:#f5f6f8;font-synthesis:none;--ink:#202126;--muted:#777b87;--line:#e7e8ec;--purple:#6555df;--purple-dark:#5142c8;--side:#17181d}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--side);color:#a9acb5;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;color:#fff}.brand>span{display:grid;place-items:center;width:36px;height:36px;background:var(--purple);border-radius:11px;font:800 20px Manrope}.brand div{display:flex;flex-direction:column}.brand b{font:800 17px Manrope;letter-spacing:2.5px}.brand small{font-size:10px;color:#7f828c;letter-spacing:.3px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:44px}.sidebar button{border:0;background:none;color:inherit}.sidebar nav button,.sidebar-bottom>button{height:45px;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:10px;font-size:14px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#27282f;color:#fff}.sidebar nav button.active:before{content:'';position:absolute;left:0;width:3px;height:24px;border-radius:0 3px 3px 0;background:#7565ee}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.profile{border-top:1px solid #2e3036;margin-top:18px;padding:20px 4px 0;display:flex;align-items:center;gap:10px}.profile>span,.avatar{width:35px;height:35px;border-radius:50%;background:#e8e3ff;color:#5b4dc4;display:grid;place-items:center;font-weight:700;font-size:12px}.profile div{display:flex;flex:1;min-width:0;flex-direction:column}.profile b{font-size:12px;color:#f4f4f6;white-space:nowrap}.profile small{font-size:10px;margin-top:3px}.profile button{font-size:17px}.main{margin-left:248px;width:calc(100% - 248px)}.content{max-width:1440px;padding:44px 48px 64px;margin:auto}.mobile-top{display:none}.page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:32px}.eyebrow{text-transform:uppercase!important;letter-spacing:1.5px;color:#8c8f99!important;font-size:11px!important;font-weight:700;margin:0 0 8px!important}.page-head h1{font:800 30px Manrope;margin:0 0 8px;letter-spacing:-.8px}.page-head p,.panel-title p{color:var(--muted);margin:0;font-size:14px}.primary,.secondary{border:0;border-radius:9px;padding:12px 18px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--purple);color:#fff;box-shadow:0 5px 14px #6555df2d}.primary:hover{background:var(--purple-dark)}.secondary{background:#fff;color:#3d3e45;border:1px solid var(--line)}.primary svg,.secondary svg{width:16px;height:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid #e9eaed;border-radius:14px}.stats article{padding:20px;display:flex;gap:16px;align-items:center}.stat-icon,.quick-icon{display:grid;place-items:center;border-radius:11px;width:46px;height:46px}.stat-icon.indigo{background:#eeebff;color:#6a56db}.stat-icon.amber{background:#fff1dc;color:#d79024}.stat-icon.cyan{background:#ddf5f4;color:#2b9e99}.stats article div:last-child{display:grid;grid-template-columns:auto auto;align-items:end;flex:1}.stats span{grid-column:1/-1;color:var(--muted);font-size:12px}.stats strong{font:800 25px Manrope}.stats small{font-size:11px;color:#8a8d96;text-align:right;padding-bottom:3px}.stats .up{color:#2d9d70}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:18px}.panel{padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel h2,.panel-title h2{font:700 17px Manrope;margin:0 0 5px}.text-btn{display:flex;align-items:center;gap:3px;border:0;background:none;color:#6555df;font-size:12px;font-weight:600}.text-btn svg{width:14px}.event{display:grid;grid-template-columns:50px 3px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #f0f0f2}.event time{font-weight:600;font-size:13px}.event-line{height:38px;border-radius:2px}.event-line.purple{background:#7766ea}.event-line.orange{background:#e9a247}.event-line.blue{background:#4aa6d8}.event div{display:flex;flex-direction:column;gap:5px}.event b{font-size:13px}.event span,.event em{color:var(--muted);font-size:11px;font-style:normal}.site-card{padding:0;overflow:hidden}.site-preview{height:220px;background:#d9d3c8;padding:18px;color:#17201d}.mini-nav{display:flex;justify-content:space-between;align-items:flex-start;font-size:6px}.mini-nav b{font:700 9px Manrope;line-height:1}.mini-hero{padding:40px 17px;position:relative}.mini-hero small{font-size:6px;letter-spacing:1.5px}.mini-hero strong{display:block;font:800 20px Manrope;line-height:1.15;margin-top:8px}.mini-hero i{position:absolute;width:88px;height:130px;right:5px;top:16px;background:linear-gradient(145deg,#44564e,#a09280);clip-path:polygon(15% 0,100% 8%,88% 100%,0 88%)}.site-info{padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.site-info>div{display:grid;grid-template-columns:10px 1fr}.site-info b{font-size:12px}.site-info p{grid-column:2;color:var(--muted);font-size:11px;margin:5px 0 0}.live-dot{width:7px;height:7px;border-radius:50%;background:#39ab75;margin-top:4px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;color:#62656f}.icon-button svg{width:16px}.quick{margin-top:32px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-grid>button{border:1px solid #e7e8ec;border-radius:13px;background:#fff;padding:17px;text-align:left;display:grid;grid-template-columns:40px 1fr 18px;gap:13px;align-items:center;color:#25262b}.quick-grid>button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2223;transition:.2s}.quick-icon{width:40px;height:40px}.quick-icon.coral{background:#ffebe6;color:#d96e56}.quick-icon.green{background:#e4f4ea;color:#419b66}.quick-icon.blue{background:#e5efff;color:#4e7fd5}.quick-grid button span:nth-child(2){display:flex;flex-direction:column;gap:5px}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px;color:var(--muted)}.quick-grid>button>svg{width:15px;color:#aaa}.builder-layout{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(480px,1.2fr);gap:28px}.builder-form{padding:30px}.steps{display:flex;align-items:center;margin-bottom:28px}.steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eff0f3;color:#888;font-size:12px;font-weight:700}.steps span.active{background:var(--purple);color:#fff}.steps i{height:1px;background:#ddd;flex:1}.builder-form>p,.bot-form>p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:24px}.builder-form label,.bot-form label,.domain-option label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin-top:16px;color:#484a52}.builder-form input,.builder-form select,.builder-form textarea,.bot-form textarea,.domain-option input,.answer-row input{border:1px solid #dedfe4;border-radius:8px;padding:11px 12px;outline:none;color:#25262b;background:#fff}.builder-form input:focus,.builder-form select:focus,.builder-form textarea:focus,.bot-form textarea:focus,.domain-option input:focus{border-color:#7768de;box-shadow:0 0 0 3px #6a59de16}.builder-form textarea,.bot-form textarea{resize:vertical;min-height:75px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.preview-wrap{min-width:0}.preview-label{display:flex;justify-content:space-between;color:#858892;font-size:11px;padding:0 4px 9px}.web-preview{background:#e3ded4;min-height:520px;box-shadow:0 20px 50px #3332;overflow:hidden}.web-preview nav{height:66px;background:#f9f7f2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#1c2825}.web-preview nav b{font:700 11px Manrope;line-height:1}.web-preview nav span{font-size:8px}.web-preview nav button,.web-preview main button{border:0;background:#183a33;color:#fff;padding:8px 12px;font-size:8px}.web-preview main{min-height:390px;padding:80px 50% 55px 50px;background:linear-gradient(90deg,#dad4ca 55%,transparent),linear-gradient(140deg,#547065,#9d8b79);color:#192925}.web-preview main small{font-size:8px;letter-spacing:2px}.web-preview main h3{font:800 35px Manrope;line-height:1.1;margin:15px 0}.web-preview main p{font-size:10px;line-height:1.6}.web-preview footer{height:64px;background:#183a33;color:#fff;display:flex;justify-content:space-around;align-items:center;font-size:9px}.calendar-panel{padding:0;overflow:hidden}.calendar-top{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.calendar-top>div{display:flex;align-items:center;gap:12px}.calendar-top h2{margin:0}.segmented{background:#f1f2f4;border-radius:8px;padding:3px}.segmented button{border:0;background:none;padding:7px 11px;border-radius:6px;font-size:11px;color:#747781}.segmented button.active{background:#fff;color:#292a30;box-shadow:0 1px 4px #2222}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{padding:12px 14px;color:#999;font-size:10px;text-transform:uppercase;border-right:1px solid var(--line)}.day{position:relative;min-height:105px;border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;text-align:left;padding:12px;color:#37383e}.day:hover,.day.chosen{background:#f8f7ff}.day b{font-size:12px}.day span{display:block;background:#edeaff;color:#5f51c4;border-left:2px solid #7261de;border-radius:4px;padding:5px 6px;margin-top:10px;font-size:9px}.day.today b{background:var(--purple);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:-6px}.day.muted{background:#fafafa}.bot-layout{display:grid;grid-template-columns:minmax(480px,1fr) 420px;gap:28px}.bot-form{padding:30px}.bot-status{display:flex;align-items:center;gap:14px}.bot-avatar{width:48px;height:48px;border-radius:14px;background:#e5efff;color:#4a80db;display:grid;place-items:center}.bot-status div{flex:1}.bot-status h2{margin:0}.bot-status p{font-size:11px;color:#5a9c75;margin:5px 0}.bot-status p i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43a773}.switch input{display:none}.switch span{display:block;width:38px;height:22px;border-radius:12px;background:#ccc;padding:3px}.switch span:after{content:'';display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--purple)}.switch input:checked+span:after{transform:translateX(16px)}.bot-form hr{border:0;border-top:1px solid var(--line);margin:24px 0}.bot-form h3{font:700 13px Manrope;margin:22px 0 0}.answer-row{display:grid;grid-template-columns:20px 1fr 30px;align-items:center;gap:7px;margin-top:8px;color:#a1a3aa}.answer-row input{padding:9px 10px}.answer-row button{border:0;background:none;color:#999;font-size:18px}.phone{width:320px;margin:0 auto;background:#1d1e23;border-radius:36px;padding:10px;box-shadow:0 22px 50px #23242b38}.phone-screen{height:600px;border-radius:28px;overflow:hidden;background:#d9e5e7;display:flex;flex-direction:column}.tg-head{height:68px;background:#5b8ca8;color:white;display:flex;align-items:center;gap:10px;padding:12px}.tg-head>b{width:38px;height:38px;background:#fff;border-radius:50%;display:grid;place-items:center}.tg-head div{display:flex;flex-direction:column}.tg-head strong{font-size:12px}.tg-head small{font-size:10px;opacity:.8}.chat{padding:18px 12px;flex:1;background:linear-gradient(#e1ebea99,#e1ebea99),radial-gradient(#85a9aa 1px,transparent 1px);background-size:auto,14px 14px}.chat>time{display:block;background:#7e9ca889;color:#fff;width:max-content;margin:auto;border-radius:10px;padding:4px 8px;font-size:9px}.bubble{background:#fff;border-radius:10px 10px 10px 3px;padding:10px;margin-top:18px;width:88%;font-size:11px;line-height:1.5;box-shadow:0 1px 2px #2222}.bubble small{display:block;text-align:right;color:#80a0ad;font-size:8px}.chat-options{display:flex;flex-direction:column;gap:5px;margin-top:7px;width:88%}.chat-options button{border:0;background:#fff;color:#4d89ac;padding:8px;border-radius:8px;font-size:10px}.tg-input{height:48px;background:#fff;color:#aaa;padding:14px;font-size:11px}.tg-input b{float:right;color:#5b94b4}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.domain-option{position:relative;padding:30px;cursor:pointer}.domain-option.selected{border:2px solid var(--purple);padding:29px}.radio{position:absolute;right:22px;top:22px;width:18px;height:18px;border:1px solid #ccc;border-radius:50%}.selected .radio{border:5px solid var(--purple)}.domain-icon{width:48px;height:48px;border-radius:13px;background:#eeebff;color:#6655d5;display:grid;place-items:center}.domain-icon.warm{background:#fff0e5;color:#d7824f}.domain-option h2{margin-top:22px}.domain-option>p{font-size:12px;color:var(--muted);line-height:1.6;min-height:40px}.domain-input{display:flex;border:1px solid #dedfe4;border-radius:8px;overflow:hidden}.domain-input input{border:0!important;flex:1;min-width:80px}.domain-input span{display:flex;align-items:center;background:#f4f4f6;border-left:1px solid #dedfe4;padding:0 12px;color:#777;font-size:12px}.availability{color:#35996b;font-size:11px;margin-top:10px;display:flex;align-items:center;gap:5px}.availability svg{width:14px}.wide{width:100%;margin-top:18px}.connected{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.connected>div{display:flex;align-items:center;gap:13px}.connected-icon{display:grid;place-items:center;background:#e4f4eb;color:#369765;border-radius:50%;width:36px;height:36px}.connected-icon svg{width:17px}.connected h3{margin:0 0 4px;font-size:13px}.connected p{margin:0;color:var(--muted);font-size:11px}.status{margin-left:auto;margin-right:18px;background:#e9f5ee;color:#33885e;border-radius:20px;padding:5px 9px;font-size:10px}.toast{position:fixed;right:28px;bottom:28px;background:#24252a;color:#fff;padding:13px 18px;border-radius:9px;font-size:12px;z-index:30;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.modal-backdrop{position:fixed;inset:0;background:#14151a88;display:none;place-items:center;z-index:40;padding:20px}.modal-backdrop.show{display:grid}.modal{width:min(380px,100%);background:#fff;border-radius:18px;padding:34px;text-align:center;position:relative;box-shadow:0 25px 70px #1115}.modal-close{position:absolute;right:14px;top:14px;border:0;background:none;color:#888}.modal-icon{width:55px;height:55px;border-radius:50%;background:#e7f5ed;color:#319466;display:grid;place-items:center;margin:auto}.modal h2{font:800 22px Manrope;margin:18px 0 8px}.modal p{font-size:13px;color:var(--muted);line-height:1.6}.modal .primary{margin-top:10px;width:100%}
@media(max-width:1050px){.content{padding:35px 28px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.site-card{display:none}.quick-grid{grid-template-columns:1fr}.builder-layout,.bot-layout{grid-template-columns:1fr}.preview-wrap{order:-1}.bot-form{order:2}.domain-grid{grid-template-columns:1fr}.phone{height:520px}.phone-screen{height:500px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:12px 0 40px #1115}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.mobile-top{display:flex;height:62px;background:#fff;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:8}.mobile-top .brand{padding:0;color:#202126}.mobile-top .brand>span{width:30px;height:30px;font-size:16px}.content{padding:25px 18px 50px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.page-head .primary{width:100%}.page-head h1{font-size:25px}.stats{grid-template-columns:1fr}.stats article:last-child{grid-column:auto}.panel{padding:18px}.event{grid-template-columns:42px 3px 1fr}.event em{display:none}.builder-layout{display:block}.preview-wrap{display:none}.builder-form{padding:20px}.bot-layout{display:block}.bot-form{margin-top:20px}.phone{width:290px}.calendar-panel{overflow-x:auto}.calendar-top{min-width:700px}.weekdays,.calendar-grid{min-width:700px}.day{min-height:90px}.domain-option{padding:22px}.domain-option.selected{padding:21px}.connected{align-items:flex-start}.status{display:none}}
@media(max-width:420px){.stats article{padding:16px}.stats article div:last-child{grid-template-columns:1fr}.stats small{text-align:left}.quick-grid>button{grid-template-columns:40px 1fr}.quick-grid>button>svg{display:none}.form-actions{flex-direction:column}.form-actions button{width:100%}.connected .icon-button{display:none}}
.admin-note{display:flex;gap:15px;align-items:flex-start;background:#eaf4e7;border:1px solid #d8e8d3;border-radius:13px;padding:18px 20px;margin-bottom:18px}.admin-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;color:#54844a}.admin-note b{font-size:12px}.admin-note p{margin:5px 0 0;color:#657163;font-size:11px;line-height:1.6}.domain-admin-form{margin-bottom:18px}.domain-admin-form[hidden]{display:none}.admin-fields{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.admin-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}.admin-fields input{border:1px solid #dedfe4;border-radius:8px;padding:11px 12px;outline:none}.admin-fields input:focus{border-color:#7768de;box-shadow:0 0 0 3px #6a59de16}.token-help{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:10px;color:#6e7179}.token-help b{color:#34353b}.token-help span{background:#f2f3f5;border-radius:12px;padding:5px 8px}.admin-error{color:#b44545;font-size:11px;margin:10px 0 0}.managed-list{padding-bottom:10px}.managed-domain{display:grid;grid-template-columns:38px 1fr auto 120px;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.domain-provider{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff1d9;color:#d88622;font-weight:800;font-size:11px}.managed-domain div{display:flex;flex-direction:column;gap:4px}.managed-domain b{font-size:12px}.managed-domain small,.managed-domain time{font-size:10px;color:var(--muted)}.domain-state{border-radius:13px;padding:5px 8px;font-size:9px}.domain-state.active{background:#e5f3e9;color:#36845b}.domain-state.pending{background:#fff1db;color:#a86e22}.domain-state.error{background:#fde9e9;color:#b34c4c}.empty-domains{text-align:center;padding:40px 10px;color:#777}.empty-domains b{color:#333;font-size:13px}.empty-domains p,.loading-row{font-size:11px;color:#888}@media(max-width:760px){.admin-fields{grid-template-columns:1fr}.token-help{align-items:flex-start;flex-direction:column}.managed-domain{grid-template-columns:38px 1fr auto}.managed-domain time{display:none}}