:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202d26;background:#f4f5f1;font-synthesis:none;--ink:#202d26;--muted:#7f877f;--line:#e9ece5;--lime:#c7ed9a;--green:#306344;--sidebar:#182821}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #72a83f;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea{border-radius:9px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--sidebar);color:#e5eade;padding:29px 19px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.6px;padding:0 5px}.brand-mark{display:grid;place-items:center;background:var(--lime);color:#233620;border-radius:11px;width:36px;height:36px;font-size:25px;font-weight:800;font-family:Arial}.brand-light{color:#89978d;font-size:17px;font-weight:400}.workspace{display:flex;align-items:center;gap:10px;margin:37px 0 35px;border:1px solid #38473d;border-radius:10px;padding:13px 11px}.workspace-icon{font-size:22px;border-radius:8px;width:33px;height:33px;display:grid;place-items:center;background:#304338;color:#c5deae}.workspace strong{font-size:13px}.workspace small{display:block;font-size:10px;color:#8fa294;margin-top:5px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#b6e889;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;color:#7f9485;margin:0 13px 13px}.nav-item{border:0;background:transparent;display:flex;width:100%;align-items:center;gap:11px;color:#a9b8ad;text-align:left;padding:13px 12px;margin:5px 0;font-size:12px;white-space:nowrap}.nav-item.active{background:var(--lime);color:#263c25;font-weight:650}.nav-icon{font-size:20px;line-height:20px;width:21px;text-align:center}.nav-arrow{margin-left:auto;font-size:18px}.nav-count{margin-left:auto;border:1px solid #405246;padding:2px 5px;border-radius:4px;font-size:10px}.soon{font-size:7px;background:#304338;color:#a6bfa4;padding:4px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:50px 8px 0}.server-caption{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#9caf9e;margin-bottom:13px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8a9d8c}.sidebar-bottom>strong{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.mono{font-family:Consolas,monospace;font-size:10px;color:#83988a}.sidebar-rule{height:1px;background:#33463a;margin:24px 0}.admin-profile{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#354c3d;display:grid;place-items:center;font-size:11px}.admin-profile strong{font-size:10px}.admin-profile small{display:block;font-size:9px;color:#92a796;margin-top:4px}.admin-profile button{color:#97aa9b;background:none;border:0;font-size:19px;margin-left:auto}main{margin-left:234px;width:calc(100% - 234px)}.topbar{height:75px;border-bottom:1px solid #e4e8df;padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#f9faf7}.breadcrumbs{font-size:11px;color:#8a9289;display:flex;gap:15px}.breadcrumbs strong{color:#4b584d;font-weight:500}.top-actions{display:flex;align-items:center;gap:22px}.timezone{font-size:10px;color:#8b9388}.environment{font-size:9px;padding:6px 9px;background:#e8eddf;color:#5c704e;border-radius:5px}.page-content{padding:24px 35px 0;max-width:1680px;margin:0 auto}.preview-banner{font-size:10px;color:#788768;display:flex;gap:9px;margin-bottom:24px;align-items:center}.preview-banner span{color:#789855}.page-heading{margin:5px 0 26px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#7f9271}.page-heading .eyebrow{margin-bottom:11px}.heading-line{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:32px;font-weight:550;letter-spacing:-1.15px;margin:0;line-height:1.25}.heading-dot{color:#77a858}h2{font-size:14px;margin:0;font-weight:600;letter-spacing:-.2px}p{font-size:12px;color:var(--muted);line-height:1.65;margin:9px 0 0}.button{display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:11px 15px;border:1px solid transparent;font-size:11px;font-weight:550;white-space:nowrap}.button.secondary{border-color:#dfe5d9;background:#fbfcf9}.button.primary{background:#233f2e;color:#f1f7e9}.button span:last-child{margin-left:auto}.button.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{padding:20px 21px 17px;background:#fff;border:1px solid var(--line);border-radius:13px}.metric-label{display:flex;justify-content:space-between;font-size:10px;color:#6b776d;gap:4px}.metric-label>span{font-size:15px;color:#8ca183}.metric>strong{display:block;font-size:39px;letter-spacing:-1.6px;font-weight:500;margin:15px 0 16px;line-height:1}.metric-foot{font-size:9px;color:#8b948a;display:flex;align-items:center;gap:6px}.small-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#92b578;flex-shrink:0}.accent-metric{background:#e8f1dd;border-color:#deebd0}.accent-metric .metric-foot{color:#6b8557}.accent-metric .metric-foot>span{margin-left:auto;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:21px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 0}.card-heading p{font-size:10px;margin-top:6px}.chip{font-size:9px;border:1px solid #e3e8de;background:#f8faf6;padding:6px 9px;border-radius:5px;color:#6e7a65;white-space:nowrap}.activity-card{min-height:320px}.chart-legend{display:flex;gap:17px;font-size:9px;color:#86917d;margin:23px 23px 2px}.chart-legend span{display:flex;gap:7px;align-items:center}.chart-legend i{width:6px;height:6px;border-radius:2px}.legend-new{background:#80a969}.legend-active{background:#d0ddc3}.chart{height:168px;margin:0 20px}.chart svg{width:100%;height:100%;overflow:visible}.chart-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0e8;padding:14px 22px;font-size:9px;color:#899180}.chart-footer>span:last-child{margin-left:auto}.card-icon{color:#97a78e}.bot-status-card{padding-bottom:19px}.bot-status-card .button{width:calc(100% - 42px);margin:14px 21px 0}.bot-identity{display:flex;gap:11px;align-items:center;margin:24px 22px 15px}.telegram-logo{background:#eff4e7;border:1px solid #dde9ce;color:#699647;display:grid;place-items:center;width:41px;height:41px;font-size:23px;border-radius:12px;transform:rotate(-12deg)}.bot-identity strong{display:block;font-size:11px;font-weight:600}.bot-identity small{display:block;font-size:10px;color:#8b9880;margin-top:5px}.status-pill{font-size:9px;color:#89794f;display:inline-flex;align-items:center;gap:6px;padding:5px 7px;background:#f5f1e7;border-radius:5px;margin-left:22px}.status-pill>span{width:4px;height:4px;border-radius:50%;background:currentColor}.status-pill.online{color:#487a35;background:#eef5e5}.status-list{margin:15px 22px 0;display:grid;gap:11px;font-size:10px}.status-list div{display:flex;justify-content:space-between;gap:10px}.status-list dt{color:#8e9887}.status-list dd{margin:0;color:#4e5f48;text-align:right;max-width:140px;overflow-wrap:anywhere}.lower-grid{align-items:stretch}.text-button{background:none;border:0;font-size:9px;color:#5e7f4d;padding:4px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap}th{font-size:7px;font-weight:600;letter-spacing:.7px;color:#9aa28f;background:#fbfcf9;border-top:1px solid #eff2ea;border-bottom:1px solid #eff2ea;padding:13px 16px}th:first-child,td:first-child{padding-left:23px}td{padding:15px 16px;border-bottom:1px solid #f0f2eb;color:#66735d}td strong{font-weight:550;color:#3e4f36}td small{display:block;font-size:8px;color:#93a087;margin-top:4px}.users-card .table-scroll{margin-top:23px}.empty-state{min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}.empty-state>span{font-size:28px;color:#a8b79a;margin-bottom:14px}.empty-state strong{font-size:12px;font-weight:500;color:#6e7e60}.empty-state p{font-size:10px;color:#a0ab95;margin:7px 0}.flow-card{border-radius:13px;border:1px solid #e5e8d8;background:#f0f1e7;padding:24px}.flow-card .eyebrow{font-size:8px}.flow-card h2{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:14px 0 20px}.flow-card ol{padding:0;margin:0;list-style:none;display:grid;gap:19px}.flow-card li{display:flex;gap:12px;align-items:flex-start}.flow-card li>span{font-size:9px;color:#7d945f;border:1px solid #d5dec8;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.flow-card li strong{display:block;font-size:10px;font-weight:500;margin-top:2px}.flow-card li small{display:block;font-size:9px;color:#97a086;margin-top:5px}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2e7da;padding:19px 0 22px;margin-top:27px;color:#a0a793;font-size:8px}.footer-separator{margin:0 6px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:35px}.settings-card{padding:25px;height:max-content}.settings-card .card-heading{padding:0 0 25px}.settings-card label,.login-card label{display:block;font-size:11px;color:#55684c;margin-bottom:8px}input,textarea{display:block;width:100%;background:#fcfdfb;border:1px solid #dfe6d9;padding:13px;color:#3d4b36;margin-top:10px;line-height:1.6;resize:vertical;font-size:12px}.field-hint{font-size:10px;color:#94a08b;line-height:1.6;margin-bottom:25px}.fixed-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.fixed-setting strong{font-size:11px;font-weight:500}.fixed-setting p{font-size:10px;margin-top:5px}.lock-badge{padding:7px;background:#eef4e5;color:#708859;border-radius:6px;font-size:10px;white-space:nowrap}.phone-area{padding:5px 10px;text-align:center}.phone-area>.eyebrow{margin-bottom:17px;font-size:8px}.phone{width:300px;border:6px solid #263c30;border-radius:32px;overflow:hidden;margin:0 auto;background:#e8eddd;text-align:left;box-shadow:0 12px 35px #18332012}.phone-top{height:64px;background:#f7faf2;display:flex;align-items:center;gap:10px;padding:0 13px}.phone-top>span{font-size:22px;color:#71965a}.phone-top>span:last-child{margin-left:auto}.telegram-logo.small{width:31px;height:31px;border-radius:50%;font-size:19px}.phone-top strong{font-size:11px;display:block}.phone-top small{font-size:9px;color:#93a586;display:block;margin-top:3px}.phone-chat{padding:16px 12px 35px;min-height:372px;background:radial-gradient(#8eac6718 1px,transparent 1px);background-size:15px 15px}.chat-date{display:block;width:max-content;margin:0 auto 18px;font-size:9px;background:#9bad8666;border-radius:12px;color:white;padding:4px 9px}.outgoing{margin-left:auto;width:max-content;display:flex;gap:15px;padding:10px;border-radius:10px 10px 2px 10px;background:#d6eaba;font-size:11px;margin-bottom:13px}.outgoing small{font-size:7px;color:#85a266;align-self:end}.chat-message{background:white;max-width:94%;padding:11px;border-radius:11px 11px 11px 3px;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message-timer{font-size:8px;color:#95a082;margin:6px 0 17px}.support-message{margin-top:12px;white-space:normal}.support-message small{display:block;text-align:right;font-size:7px;color:#9bac90}.support-preview{width:94%;border:0;margin-top:3px;background:#f9fcf3;color:#5b8553;padding:11px 5px;font-size:10px;border-radius:5px 5px 9px 9px}.phone-input{background:#f8faf4;padding:15px;font-size:10px;color:#a3ae99}.phone-input span{float:right;color:#80a161}.segmented{display:flex;background:#e5e9df;padding:4px;border-radius:8px;margin:19px auto 0;max-width:300px}.segmented button{border:0;background:none;font-size:9px;width:50%;padding:9px}.segmented button.selected{background:white;box-shadow:0 2px 4px #233c2610;border-radius:5px}.phone-caption{font-size:9px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:20px}.pagination>span{font-size:10px;color:#8b9780}.integration-card{max-width:720px;text-align:center;padding:55px 65px}.integration-symbol{font-size:38px;color:#80a55e;background:#eef4e4;width:85px;height:85px;display:grid;place-items:center;border-radius:24px;margin:0 auto 23px}.integration-card h2{font-size:24px;letter-spacing:-.5px;margin:25px 0 14px;font-weight:500}.integration-card>p{max-width:450px;margin:0 auto}.integration-info{background:#f6f8f1;text-align:left;padding:20px;border-radius:10px;margin:30px 0 20px}.integration-info strong{font-size:12px}.integration-info p{font-size:11px}.toast{position:fixed;bottom:24px;right:25px;background:#223c2b;color:#f1f7e9;padding:15px 22px;border-radius:10px;box-shadow:0 8px 35px #182e2426;font-size:12px;z-index:30;max-width:min(460px,90vw)}.form-error{color:#a9473f;font-size:11px;min-height:10px}.login-screen{min-height:100vh;display:grid;place-items:center;background:#ecf0e5;padding:25px}.login-card{max-width:410px;width:100%;background:white;border-radius:20px;padding:38px;border:1px solid #dfe6d7}.login-card .brand-mark{margin-bottom:23px}.login-card h1{font-size:27px;margin-top:13px}.login-card>p{margin-bottom:28px}.login-card label{margin-top:18px}.login-card .button{width:100%;margin-top:12px}.login-card .eyebrow{font-size:10px}
@media(min-width:1500px){.page-content{padding:35px 50px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.metric{padding:25px}.metric>strong{font-size:44px}.chart{height:190px}.activity-card{min-height:344px}.bot-status-card .status-list{gap:15px}.sidebar{width:250px}main{margin-left:250px;width:calc(100% - 250px)}}
@media(max-width:1180px){.sidebar{width:206px;padding:24px 12px}main{margin-left:206px;width:calc(100% - 206px)}.page-content{padding:22px}.topbar{padding:0 22px}.metric-grid{gap:10px}.metric{padding:18px 14px}.metric-label{font-size:9px}.metric-foot{font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.editor-grid{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.phone-area{padding:0}.card-heading{padding:20px 17px 0}.chart-footer>span:last-child{display:none}.flow-card{padding:22px 18px}.flow-card li strong{font-size:9px}}
@media(max-width:960px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.bot-status-card{display:none}.flow-card ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.flow-card h2 br{display:none}.flow-card h2{font-size:20px}.flow-card li small{line-height:1.6}.editor-grid{grid-template-columns:minmax(0,1fr)}.phone-area{padding:20px}.top-actions .timezone{display:none}.metric>strong{margin:12px 0}.lower-grid{gap:20px}.heading-line h1{font-size:28px}}
@media(max-width:640px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:15px 17px;gap:15px}.brand{font-size:19px}.brand-mark{width:31px;height:31px;font-size:23px}.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.nav-item{width:auto;font-size:10px;margin:0;padding:10px;gap:6px;flex-shrink:0}.nav-icon{font-size:15px;width:15px}.nav-arrow,.nav-count,.soon{display:none}main{margin:0;width:100%}.topbar{height:51px;padding:0 18px}.breadcrumbs{font-size:9px;gap:10px}.top-actions{gap:0}.page-content{padding:20px 17px 0}.preview-banner{font-size:9px;align-items:flex-start;line-height:1.6;margin-bottom:20px}h1,.heading-line h1{font-size:26px}.page-heading{margin-bottom:21px}.page-heading p{font-size:10px}.eyebrow{font-size:8px}.heading-line .button{padding:10px;font-size:14px}.heading-line .button span{display:none}.metric-label{font-size:9px}.metric>strong{font-size:34px;margin:16px 0}.metric{padding:17px 14px}.metric-foot{font-size:8px;line-height:1.4}.card-heading h2{font-size:12px}.card-heading p{font-size:9px}.chart-legend{margin-left:17px}.chart{margin:0 10px;height:168px}.flow-card ol{grid-template-columns:1fr}.flow-card li strong{font-size:11px}.flow-card li small{font-size:10px}.flow-card h2{font-size:22px}.card-heading .text-button{font-size:8px}.chart-footer{padding:14px 17px;font-size:8px}.empty-state strong{font-size:11px}.empty-state p{font-size:9px}footer{font-size:7px}footer>span:last-child{display:none}.settings-card{padding:20px}.integration-card{padding:35px 22px}.integration-card h2{font-size:22px}.phone-area{padding:15px 0}.phone{max-width:100%}.fixed-setting strong{font-size:10px}.fixed-setting p{font-size:9px}.login-card{padding:28px}.environment{font-size:8px}}
.delivery-alert{padding:14px 18px;background:#f8eddd;color:#86632e;border:1px solid #eddfc9;border-radius:9px;margin-bottom:20px;font-size:11px}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}@media(max-width:960px){main .bot-status-card{display:block}.bot-status-card .status-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}}@media(max-width:640px){.bot-status-card .status-list{grid-template-columns:1fr}}

.phone-input{display:flex;align-items:center;gap:9px;padding:13px}.phone-input .input-label{float:none;color:#a3ae99;flex:1}.phone-input>span:last-child{margin-left:auto}.phone-keyboard{background:#e4eadb;padding:7px}.phone-keyboard button{display:block;width:100%;border:0;border-radius:9px;background:#f7faf2;color:#435e37;font-size:12px;padding:13px 9px}.phone-keyboard button:hover{background:#fff}.support-message{white-space:pre-wrap}