:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;color-scheme:light;--bg:#f7f8fa;--panel:#fff;--text:#1e2926;--muted:#8a918e;--secondary:#66736e;--line:#e9edea;--soft:#f7f9f7;--accent:#276650;--accent-hover:#1d513f;--light-accent:#edf4ee;--sidebar:#102f2b;--radius:13px;--shadow:0 3px 5px #20372d02}
[data-theme=dark]{color-scheme:dark;--bg:#14221f;--panel:#1b2d28;--text:#edf2ee;--muted:#93aaa0;--secondary:#b2c2b9;--line:#2b4037;--soft:#20362d;--accent:#a7d3aa;--accent-hover:#bce4bc;--light-accent:#294335;--sidebar:#0c2420;--shadow:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;flex-shrink:0}button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}input,textarea,select{width:100%;padding:12px 13px;background:var(--panel);border:1px solid #dfe6e1;border-radius:7px;color:var(--text);transition:.16s}input::placeholder,textarea::placeholder{color:#a0a9a4}textarea{resize:vertical;line-height:1.8;min-height:120px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent);box-shadow:none;flex-shrink:0}label{display:block;font-size:12px;color:var(--secondary);font-weight:500;margin:20px 0 8px}h1,h2,h3,p{margin:0}h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.muted{color:var(--muted)}.small{font-size:11px}.block{display:block;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.buttons{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel);border:1px solid #dde4df;border-radius:7px;font-size:11px;font-weight:600;padding:11px 15px;white-space:nowrap;min-height:38px;box-shadow:0 1px 2px #132f2410}.btn svg{width:15px;height:15px}.btn:hover{background:var(--soft);border-color:#bccbc1}.btn.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 5px #204d2810}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}[data-theme=dark] .btn.primary{color:#153121}.btn.danger{color:#b7594d;background:transparent}.btn.small{min-height:30px;padding:7px 10px;font-size:10px}.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--accent);font-size:11px;font-weight:550;padding:4px 0}.text-button svg{width:14px;height:14px}.text-button:hover{opacity:.7}.icon-button{display:inline-grid;place-items:center;padding:7px;border:0;background:none;border-radius:6px;color:var(--secondary)}.icon-button:hover{background:var(--light-accent);color:var(--accent)}.icon-button svg{width:17px;height:17px}.subtle-icon{color:var(--muted)}
/* Workspace chrome */
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);color:#b6c9c2;padding:32px 16px 19px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;padding:0 11px;color:#fff;font-weight:680;font-size:31px;letter-spacing:-1.8px}.brand-mark{display:grid;place-items:center;background:#c9e8ab;border-radius:9px;height:32px;width:32px;color:#173e2f;transform:rotate(-7deg);margin-right:1px}.brand-mark svg{height:21px;width:21px;transform:rotate(7deg);stroke-width:2.2}.brand-period{color:#c9e8ab}.brand small{font-size:8px;color:#8eafa2;border:1px solid #416056;border-radius:4px;padding:3px 5px;letter-spacing:1.1px;font-weight:500;margin:5px 0 0 4px}.workspace{border:1px solid #36514a;background:#1a3a34;border-radius:8px;display:flex;align-items:center;gap:10px;width:100%;padding:11px;margin:33px 0 27px;text-align:left;color:white}.workspace:hover{background:#23463d}.workspace-logo{height:30px;width:30px;display:grid;place-items:center;border-radius:6px;background:#e8e8dd;color:#315144;font-size:10px;letter-spacing:-.3px;font-weight:600}.workspace strong{font-size:11px;font-weight:550;display:block}.workspace small{font-size:9px;display:block;color:#94b1a6;margin-top:5px}.workspace>svg{margin-left:auto;width:13px;color:#86a69a}.nav-label{font-size:8px;letter-spacing:1.6px;color:#698f80;margin:0 14px 13px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;background:none;border:0;border-radius:7px;color:#a6beb3;text-align:left;font-size:11px;margin:3px 0;min-height:39px}.nav-item svg{height:17px;width:17px;stroke-width:1.5}.nav-item:hover{background:#23443b;color:#fff}.nav-item.active{background:#d2e8b2;color:#1c3c2b;font-weight:650;box-shadow:0 3px 8px #061b1910}.nav-item.active svg{stroke-width:1.9}.nav-item b{margin-left:auto;font-size:9px;padding:1px 5px;background:#345a4b;color:#d4e8b7;border-radius:4px}.nav-item em{margin-left:auto;font-size:6px;letter-spacing:.8px;font-style:normal;border:1px solid #4b685c;padding:2px 3px;border-radius:3px;color:#8ba695}.nav-item.active em{color:#3e6343;border-color:#8db17b}.tools-label{margin-top:29px}.sidebar-bottom{margin-top:auto;padding-top:24px}.plan-card{margin:5px 4px 24px;padding:15px 13px;border:1px solid #355349;background:linear-gradient(130deg,#204436,#173c32);border-radius:10px;position:relative;overflow:hidden}.plan-card:after{content:'';position:absolute;width:140px;height:140px;right:-105px;top:4px;border:1px solid #88ae6b30;border-radius:50%;box-shadow:0 0 0 18px #88ae6b08,0 0 0 36px #88ae6b08;pointer-events:none}.plan-card>div{display:flex;align-items:center;gap:6px}.plan-star{display:inline-flex;color:#cde6ac}.plan-star svg{width:14px;height:14px}.plan-card strong{color:#e2eecf;font-size:10px;font-weight:550}.plan-card p{font-size:9px;color:#94b3a0;line-height:1.9;margin-top:9px}.plan-card button{display:flex;align-items:center;justify-content:space-between;background:#cce5ab;color:#284b30;padding:8px 10px;width:100%;border:0;border-radius:5px;font-size:9px;font-weight:650;margin-top:13px}.plan-card button:hover{background:#dff2c6}.plan-card button svg{width:13px;height:13px}.profile{display:flex;align-items:center;gap:9px;text-align:left;background:none;border:0;color:#dae5dc;padding:0 9px;width:100%}.profile strong{font-size:10px;font-weight:550;display:block}.profile small{display:block;font-size:8px;color:#86a397;margin-top:4px}.profile>svg{margin-left:auto;width:16px;color:#86a397}.avatar{width:33px;height:33px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:650;flex-shrink:0;background:var(--light-accent);color:var(--accent)}.avatar.owner{background:#e4d8c7;color:#6e5740;box-shadow:inset 0 0 0 3px #ffffff25}.avatar.tiny{width:29px;height:29px;font-size:9px}.main{margin-left:232px;min-height:100vh}.topbar{height:73px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel)}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.breadcrumb svg{width:11px;height:11px}.breadcrumb>span{font-size:15px;color:#d6ddd8;margin-inline:2px}.breadcrumb strong{color:var(--secondary);font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.command-search{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--muted);font-size:10px;padding:8px}.command-search svg{width:14px;height:14px}.command-search kbd{font-size:8px;padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:#98a49a;margin-left:20px;font-family:inherit}.demo-indicator{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--secondary);background:var(--soft);border:1px solid var(--line);padding:6px 8px;border-radius:5px}.demo-indicator i{height:5px;width:5px;border-radius:50%;background:#84a975}.notification{position:relative;margin-right:0}.notification>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#89ab72;right:8px;top:6px;border:1px solid var(--panel)}.content{padding:34px 34px 26px;max-width:1560px;margin:auto;animation:appear .24s ease-out}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#8c9e8e;margin-bottom:10px}.page-head h1{font-size:29px;line-height:1.25;letter-spacing:-1.15px;font-weight:600}.heading-dot{color:#6d8f55}.page-head p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:9px}.page-head .buttons{padding-top:16px}.footer{max-width:1560px;margin:auto;padding:0 34px 23px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.1px}.footer>span{display:flex;align-items:center;gap:6px}.footer-divider{margin:0 6px}.footer-wordmark{font-size:15px;letter-spacing:-.9px;color:var(--secondary);font-weight:650;margin-left:12px}.status-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:#73a07c;flex-shrink:0}.status-dot.amber{background:#d3ad71}.status-dot.pale{background:#dce6d7}
/* Overview */
.welcome-banner{display:flex;align-items:center;gap:22px;padding:24px 26px;min-height:127px;background:#eaf0e6;border:1px solid #e0e8da;border-radius:11px;margin-bottom:24px;position:relative;overflow:hidden;color:#30533a}.mini-label{font-size:8px;letter-spacing:1.5px;font-weight:650;color:#819574}.welcome-banner h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;letter-spacing:-.7px;margin-top:8px}.welcome-banner p{font-size:10px;color:#7c8e78;margin-top:8px}.banner-art{width:64px;height:64px;border-radius:50%;background:#d7e4c9;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 10px #dce8d270}.banner-art svg{width:29px;height:29px;stroke-width:1.1;transform:rotate(-12deg)}.banner-link{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap;background:transparent;border:0;font-size:10px;color:#426743;padding:8px 0;z-index:1}.banner-link svg{width:16px;height:16px}.banner-link:hover{color:#132e19;transform:translateX(2px)}.banner-orbit{position:absolute;border:1px solid #b5c9a350;border-radius:50%;height:260px;width:260px;right:-124px;top:-158px;pointer-events:none}.banner-orbit.two{width:330px;height:330px;right:-140px;top:-178px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{padding:19px 19px 17px;background:var(--panel);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat-label{font-size:10px;color:var(--secondary);display:flex;align-items:center;justify-content:space-between}.stat-label>span{width:25px;height:25px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#8c9d8b}.stat-label svg{width:14px;height:14px}.stat-number{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-1.3px;margin:12px 0 14px}.stat-bottom{font-size:8px;display:flex;gap:6px;align-items:center;color:#9aa39c}.trend{color:#5d9365;background:#eff5ed;border-radius:3px;padding:3px 4px;font-size:8px;display:inline-flex;align-items:center;gap:3px}.trend svg{width:10px;height:10px;transform:rotate(-35deg)}.sparkline{position:absolute;right:17px;bottom:37px;width:61px;height:28px;color:#a8c0a2;opacity:.7}.sample-caption{font-size:7px;color:#a4ada6;text-align:right;margin:7px 1px 17px;letter-spacing:.2px}.overview-charts{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px;margin-bottom:23px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px}.panel-head h2{font-size:12px;font-weight:600;letter-spacing:-.1px}.panel-head p{font-size:9px;color:var(--muted);margin-top:6px}.panel-head>svg{color:var(--muted);width:17px}.select{width:auto;font-size:9px;padding:8px 9px;border-color:var(--line);color:var(--secondary);background:var(--panel);border-radius:6px;max-width:150px}.chart-summary{padding:0 23px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chart-summary>strong{font-size:23px;font-weight:600;letter-spacing:-.7px}.chart-summary small{font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:4px}.legend{display:flex;gap:16px;font-size:8px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:6px;width:6px;display:inline-block;background:var(--accent);border-radius:50%}.legend i.pale{background:#aec7a2}.chart{height:201px;margin:18px 24px 19px 20px;display:flex;gap:11px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-top:16px;padding-bottom:26px;font-size:8px;color:#9ea89e;min-width:23px}.chart-plot{width:100%;min-width:0;position:relative}.chart-plot svg{width:100%;height:175px;overflow:visible}.chart-x{display:flex;justify-content:space-between;font-size:8px;color:#9ea89e;padding-top:10px}.health .panel-head{padding-bottom:10px}.health-gauge{height:114px;width:180px;margin:0 auto;position:relative}.health-gauge svg{width:180px;height:106px;position:absolute;top:3px}.health-gauge strong{position:absolute;left:0;right:0;top:52px;text-align:center;font-size:35px;font-weight:550;letter-spacing:-1.6px}.health-gauge strong small{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:3px;font-weight:400}.health-caption{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#708d69;margin-top:-5px;margin-bottom:18px}.health-caption svg{width:12px;height:12px}.health-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--secondary);margin:12px 22px}.health-row>span{display:flex;align-items:center;gap:7px}.health-row b{font-weight:550;color:var(--text);font-size:9px}.health-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#91a085;padding:9px;margin:14px 22px 0;border-top:1px solid var(--line)}.health-note svg{width:11px;height:11px}.health>.text-button{display:flex;justify-content:center;width:100%;padding:13px 22px;border-top:1px solid var(--line);font-size:9px}.title-line{display:flex;align-items:center;gap:9px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:5px;font-size:8px;padding:0 5px}.live-label{font-size:8px;color:#669578;display:flex;align-items:center;gap:5px;margin-left:10px}.live-label .status-dot{animation:blink 1.8s infinite}.campaigns-panel{margin-bottom:23px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;white-space:nowrap}th{font-size:8px;letter-spacing:.3px;color:#8d9990;font-weight:500;padding:11px 21px;background:var(--soft);border-block:1px solid var(--line)}td{padding:17px 21px;border-bottom:1px solid var(--line);color:var(--secondary)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--soft)}td:first-child{color:var(--text)}.campaign-name{display:flex;align-items:center;gap:11px;background:none;border:0;text-align:left;padding:0;color:var(--text)}.campaign-name strong{display:block;font-size:10px;font-weight:550}.campaign-name small{font-size:8px;color:var(--muted);display:block;margin-top:6px}.campaign-icon{width:32px;height:32px;border:1px solid #e1eade;border-radius:7px;background:#f0f4eb;display:grid;place-items:center;color:#7f9c6c;flex-shrink:0}.campaign-icon svg{width:15px;height:15px}.tone-0{color:#5d8760!important;background:#eaf1e5!important;border-color:#e0e8da!important}.tone-1{color:#9a85b0!important;background:#f0eaf5!important;border-color:#e8dff0!important}.tone-2{color:#ad935c!important;background:#f7f1e3!important;border-color:#efe7d6!important}.tone-3{color:#698f9e!important;background:#e9f1f4!important;border-color:#dfe9ec!important}.badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:500;padding:5px 7px;border-radius:4px;background:#f0f2f0;color:#7d8980;white-space:nowrap}.badge i{height:4px;width:4px;background:currentColor;border-radius:50%}.badge.running,.badge.subscribed,.badge.connected,.badge.found{color:#548b60;background:#edf5ec}.badge.scheduled{color:#8b7aa4;background:#f2edf7}.badge.paused,.badge.follow-up{color:#aa8d53;background:#faf3e5}.badge.completed{color:#668d9c;background:#ecf3f6}.badge.opted-out,.badge.not-found{color:#bc7867;background:#faf0eb}.progress-label{font-size:9px;color:var(--secondary);margin-bottom:7px;min-width:90px}.progress-label span{color:#acb3ad;margin-left:3px}.meter{height:4px;background:var(--line);border-radius:5px;overflow:hidden;min-width:60px}.meter i{height:100%;display:block;min-width:0;max-width:100%;background:#8dad7d;border-radius:5px;transition:width .5s}.meter.big{height:6px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feed{padding:0 22px 10px}.feed-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.feed-icon{width:29px;height:29px;display:grid;place-items:center;background:var(--soft);color:#8da181;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.feed-icon svg{width:13px;height:13px}.feed-item p{font-size:9px;color:var(--secondary);line-height:1.5}.feed-item small{display:block;color:#a5ada6;font-size:8px;margin-top:4px}.feed-item time{margin-left:auto;color:#a2aaa4;font-size:8px;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px}.quick-grid>button{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:7px;text-align:left;padding:14px 11px}.quick-grid>button:hover{border-color:#b2c5aa;background:var(--soft);transform:translateY(-1px)}.quick-grid>button>svg:first-child{color:#90a87e;width:16px;height:16px}.quick-grid strong{display:block;font-weight:550;font-size:9px}.quick-grid small{display:block;color:var(--muted);font-size:7px;margin-top:5px}.quick-grid>button>svg:last-child{width:11px;height:11px;color:#b0bca9;margin-left:auto}
/* Shared pages */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tab{display:flex;align-items:center;gap:5px;font-size:10px;padding:8px 12px;border:1px solid transparent;background:transparent;border-radius:6px;color:var(--muted)}.tab:hover{background:var(--light-accent);color:var(--accent)}.tab.selected{color:var(--accent);background:var(--light-accent);border-color:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:550}.tab span{font-size:8px;padding:1px 4px;background:var(--panel);border-radius:4px}.tab svg{width:15px;height:15px}.search-field{position:relative;min-width:200px}.search-field>svg{position:absolute;top:12px;left:12px;width:14px;height:14px;color:var(--muted)}.search-field input{font-size:10px;padding:11px 13px 11px 34px;min-width:210px;border-color:var(--line)}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 21px;font-size:9px;color:var(--muted)}.person{display:flex;align-items:center;gap:10px}.person strong{display:block;font-size:11px;font-weight:550;color:var(--text)}.person small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.list-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.list-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:left;position:relative;color:var(--text);min-width:0}.list-card:hover,.list-card.selected{border-color:#a8c1a2;box-shadow:0 3px 15px #3d65340a;transform:translateY(-2px)}.list-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:8px;background:#edf3e6;color:#759261}.list-icon.purple{background:#f2ecf7;color:#a290b5}.list-icon.amber{background:#faf3e6;color:#b4985d}.list-icon svg{width:17px;height:17px}.list-source{position:absolute;right:18px;top:29px;font-size:8px;color:var(--muted)}.list-card h3{font-size:12px;margin-top:18px;font-weight:600;letter-spacing:-.2px}.list-card p{font-size:9px;color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-card>div{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.list-card strong{font-size:23px;font-weight:550;letter-spacing:-.6px}.list-card>div span{font-size:8px;display:flex;align-items:center;gap:13px;color:var(--muted)}.list-card>div svg{width:13px}.add-list{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:transparent;gap:9px}.add-list>svg{height:26px;width:26px;color:#91a486;margin-bottom:3px}.add-list strong{font-size:11px;letter-spacing:0;font-weight:500}.add-list>span{font-size:9px;color:var(--muted)}.page-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:20px;line-height:1.8}.page-note svg{width:14px;height:14px;color:#7d9d6b}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px 10px;margin-bottom:24px}.summary-strip>div{position:relative;padding:0 20px;border-right:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-strip>div:last-child{border:0}.summary-strip>div>svg{color:#9cad91;width:21px;height:21px}.summary-strip strong{font-size:24px;font-weight:550;letter-spacing:-.5px}.summary-strip strong span{font-size:13px;color:var(--muted);font-weight:400}.summary-strip small{display:block;width:100%;font-size:9px;color:var(--muted);margin-left:31px}.account-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.account-card,.template-card{padding:23px}.card-top{display:flex;justify-content:space-between;align-items:center}.large-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:11px}.large-icon svg{height:23px;width:23px}.account-card h2,.template-card h2{font-size:15px;margin-top:21px;font-weight:550}.account-card>p{font-size:10px;color:var(--muted);margin-top:8px}.divider{border-top:1px solid var(--line);margin:23px 0}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--secondary)}.row-between strong{font-weight:550;color:var(--text)}.account-card .meter{margin-top:12px}.account-meta{display:flex;flex-direction:column;gap:10px;margin-top:20px;color:var(--muted);font-size:9px}.account-meta>span{display:flex;align-items:center;gap:7px}.account-meta svg{width:12px;height:12px}.account-card .buttons{margin-top:23px}.account-card .btn{flex:1;font-size:10px}.category{display:inline-flex;align-items:center;font-size:8px;padding:5px 7px;border-radius:4px;background:var(--soft);color:var(--muted);letter-spacing:.2px}.template-card .card-top>svg{width:16px;height:16px;color:#a4afa5}.template-text{white-space:pre-wrap;padding:17px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:18px 0;color:var(--secondary);line-height:1.9;font-size:11px;min-height:265px;overflow-wrap:anywhere}.template-card .buttons{gap:8px;flex-wrap:wrap}.template-card .btn{font-size:9px;padding:9px 11px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin:20px 0}.donut{background:conic-gradient(var(--accent) 0 var(--slice),#e7eee2 var(--slice) 360deg);border-radius:50%;width:156px;height:156px;margin:10px auto 20px;display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{background:var(--panel);height:128px;width:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut strong{font-size:29px;letter-spacing:-1px;font-weight:550}.donut span{font-size:10px;color:var(--muted);margin-top:5px}.donut-legend{padding:0 25px 25px;display:flex;flex-direction:column;gap:12px;font-size:10px;color:var(--muted)}.donut-legend>span{display:flex;align-items:center;gap:8px}.donut-legend b{margin-left:auto;font-weight:500;color:var(--text)}.rankings{padding:0 24px 25px;display:flex;flex-direction:column;gap:22px}.rankings .meter{margin-top:9px;height:5px}.activity-feed .feed-item{padding:19px 0}.activity-feed .feed-item p{font-size:11px}.activity-feed .feed-item small,.activity-feed time{font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-body{padding:0 24px 24px}.form-body>label:first-child{margin-top:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-body>.btn,.form-body>.buttons{margin-top:24px}.hint{font-size:10px;color:var(--muted);line-height:1.9;margin-top:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.switch-row:last-of-type{border:0}.switch-row strong{font-size:11px;font-weight:550}.switch-row small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.toggle{width:32px;height:18px;background:#d4ddd6;border:0;border-radius:15px;padding:2px;display:block;flex-shrink:0;position:relative}.toggle:before{content:'';width:14px;height:14px;border-radius:50%;display:block;background:white;box-shadow:0 1px 3px #142a2320;transition:transform .15s}.toggle.on{background:#6d9467}.toggle.on:before{transform:translateX(14px)}
/* Inbox */
.inbox-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:570px}.conversation-list{border-right:1px solid var(--line)}.conversation-list .search-field{padding:18px;min-width:0}.conversation-list .search-field svg{left:30px;top:30px}.conversation-list .search-field input{min-width:0;background:var(--soft)}.conversation{position:relative;display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;padding:19px 18px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text)}.conversation.selected{background:var(--light-accent);box-shadow:inset 3px 0 0 #78a36b}.conversation:hover{background:var(--soft)}.conversation>span:nth-child(2){flex:1;min-width:0}.conversation strong{display:flex;justify-content:space-between;font-size:10px;font-weight:550;gap:10px;line-height:1.7}.conversation strong small{color:var(--muted);font-size:8px;font-weight:400;white-space:nowrap}.conversation p{font-size:9px;color:var(--muted);line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.conversation-tag{font-size:7px;border:1px solid #d6e1d3;background:var(--panel);color:#799269;display:inline-block;padding:3px 5px;border-radius:3px;margin-top:8px}.unread-dot{width:5px;height:5px;border-radius:50%;background:#8ba776;position:absolute;right:18px;bottom:19px}.thread{display:flex;flex-direction:column;min-width:0}.thread-head{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.thread-head select{width:auto;font-size:9px;padding:8px 11px;border-color:var(--line)}.thread-body{padding:22px 30px;min-height:300px;flex:1;background:var(--soft);display:flex;flex-direction:column;gap:18px;max-height:500px;overflow-y:auto}.thread-date{text-align:center;font-size:8px;color:var(--muted);margin-bottom:10px}.chat-message{max-width:78%;border:1px solid var(--line);background:var(--panel);padding:14px 16px;border-radius:11px 11px 11px 2px;align-self:flex-start;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.outgoing{background:#e6efdf;border-color:#dee8d6;align-self:flex-end;border-radius:11px 11px 2px 11px;color:#3f5b36}.chat-message time{display:block;font-size:8px;color:#8da17e;text-align:right;margin-top:5px}.reply-form{padding:18px 22px;border-top:1px solid var(--line)}.reply-form textarea{min-height:75px;border-color:var(--line);font-size:11px}.reply-form>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.reply-form>div>span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px}.reply-form>div>span svg{width:12px;height:12px}.reply-form .btn{font-size:10px}
/* Audience lab, billing */
.lab-banner{display:flex;align-items:center;gap:12px;padding:15px 19px;background:var(--light-accent);border:1px solid var(--line);border-radius:8px;color:var(--secondary);font-size:10px;line-height:1.8;margin-bottom:22px}.lab-banner svg{color:#88a66e}.lab-banner strong{font-weight:600;color:var(--accent);margin-right:3px}.lab-tabs{margin-bottom:19px}.lab-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.lab-layout .form-body>.btn{margin-top:20px}.lab-layout .form-body>.hint{font-size:9px}.lab-empty{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty{padding:60px 25px;text-align:center;color:var(--muted);font-size:11px;line-height:1.9}.empty h3{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--secondary);margin:24px 0 10px;letter-spacing:-.5px}.empty-art{display:grid;place-items:center;width:76px;height:76px;background:var(--light-accent);border-radius:50%;color:#8fa87c;box-shadow:0 0 0 12px var(--soft)}.empty-art svg{width:34px;height:34px;stroke-width:1}.lab-progress{text-align:center;padding:90px 35px;color:var(--secondary)}.lab-progress h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:22px 0 10px}.lab-progress p{font-size:10px;color:var(--muted);margin-bottom:25px}.lab-progress .meter{max-width:240px;margin:auto}.loading-meter{animation:progress 1.5s ease forwards}.spinner{display:inline-block;height:30px;width:30px;border:2px solid var(--line);border-top-color:#759965;border-radius:50%;animation:spin 1s linear infinite}.lab-table{max-height:550px;overflow:auto}.current-plan{display:flex;align-items:center;gap:45px;padding:25px 30px;background:#eaf0e5;border:1px solid #e0e8d9;border-radius:11px;color:#3b5633}.current-plan h2{font-size:26px;margin-top:9px;letter-spacing:-.8px}.current-plan h2 span{font-weight:400;font-size:20px;color:#87987c}.current-plan p{font-size:10px;color:#8b9b80;margin-top:9px}.usage-block{flex:1;max-width:330px;min-width:0}.usage-block .row-between{font-size:9px;color:#839578}.usage-block .row-between strong{color:#4a683f;font-size:9px;white-space:nowrap}.usage-block .meter{margin-top:13px;background:#d8e1d0}.pricing-intro{text-align:center;padding:44px 0 28px}.pricing-intro h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.8px}.pricing-intro p{font-size:11px;color:var(--muted);margin-top:10px}.demo-pill{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:5px;font-size:8px;color:var(--muted);margin-top:16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{padding:24px 21px;position:relative;overflow:visible;border-radius:10px}.price-card.recommended{border-color:#a5bd8a;box-shadow:0 0 0 3px #dce8d240}.recommended-label{position:absolute;top:-10px;background:#d8e7bd;color:#5b733d;left:18px;right:18px;text-align:center;padding:5px;font-size:7px;font-weight:550;letter-spacing:.8px;border-radius:4px}.plan-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:var(--light-accent);color:#88a176;margin-bottom:18px}.plan-symbol svg{width:17px;height:17px}.price-card h3{font-size:16px;font-weight:550;margin-bottom:9px}.price-card>p{font-size:9px;color:var(--muted);line-height:1.7;min-height:31px}.price{font-size:32px;letter-spacing:-1.5px;font-weight:550;margin:22px 0}.price small{font-size:9px;color:var(--muted);letter-spacing:0;font-weight:400;margin-left:4px}.price-card .btn{font-size:9px;padding:9px 11px}.price-card ul{list-style:none;padding:20px 0 0;margin:22px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.price-card li{font-size:9px;color:var(--secondary);display:flex;align-items:center;gap:7px}.price-card li svg{width:12px;height:12px;color:#85a36e}.plan-confirm{text-align:center;padding:30px 10px}.plan-confirm>.large-icon{margin:0 auto 22px}.plan-confirm h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.plan-confirm p{font-size:11px;color:var(--secondary);margin-top:15px}.plan-confirm small{display:block;font-size:10px;color:var(--muted);margin-top:20px}
/* Dialogs & guided campaign builder */
.modal-backdrop{position:fixed;inset:0;background:#0a231c65;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:30px;animation:appear .15s}.modal{width:520px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 100px #09231840;max-height:93vh;overflow-y:auto;animation:modal-in .2s ease-out}.modal.wide{width:820px}.modal-head{padding:25px 27px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:22px;letter-spacing:-.7px;font-weight:550;margin-top:8px;line-height:1.3}.modal-head p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.modal-head .icon-button{margin-top:5px}.modal-body{padding:8px 27px 25px}.modal-foot{border-top:1px solid var(--line);padding:17px 27px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--soft);border-radius:0 0 16px 16px}.form-error{font-size:11px;color:#b56652;line-height:1.8}.form-error:not(:empty){margin-top:16px;border:1px solid #f0d9ce;background:#fff6ef;border-radius:6px;padding:10px 12px}.modal form>h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin-top:5px}.modal .hint{font-size:10px}.modal label:first-child{margin-top:13px}.modal textarea{font-size:12px}.modal-body>.feed{padding:0}.foot-spacer{flex:1}.step-note{font-size:9px;color:var(--muted);margin-right:7px}.wizard-steps{display:flex;justify-content:space-between;padding:17px 25px 24px;margin-bottom:13px;border-bottom:1px solid var(--line)}.wizard-steps>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;color:#a7b0a9}.wizard-steps>div:after{content:'';position:absolute;height:1px;background:var(--line);width:calc(100% - 38px);left:calc(50% + 19px);top:14px}.wizard-steps>div:last-child:after{display:none}.wizard-steps>div>span{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:10px}.wizard-steps small{font-size:9px}.wizard-steps .current{color:var(--accent)}.wizard-steps .current>span{background:var(--accent);border-color:var(--accent);color:var(--panel)}.wizard-steps .done>span{background:var(--light-accent);color:var(--accent);border-color:#cfdfc6}.wizard-steps svg{width:13px;height:13px}.info-box{display:flex;align-items:center;gap:12px;padding:16px;background:var(--light-accent);border:1px solid var(--line);border-radius:8px;font-size:10px;color:var(--secondary);line-height:1.8;margin-top:22px}.info-box>svg{width:23px;height:23px;color:#7c9d64}.info-box strong{font-size:12px;font-weight:550;color:var(--accent)}.wizard-accounts{display:flex;flex-direction:column;gap:10px;margin-top:24px}.account-choice{padding:16px;border:1px solid var(--line);border-radius:9px;margin:0;display:flex;align-items:center;gap:13px;cursor:pointer}.account-choice:hover{background:var(--soft)}.account-choice>span:nth-of-type(2){flex:1}.account-choice strong{font-size:12px;font-weight:550;display:block;color:var(--text)}.account-choice small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.account-choice input{margin:0}.editor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:27px}.editor-grid h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:7px 0 16px}.editor-grid label{margin-top:0}.editor-grid textarea{min-height:270px;font-size:12px}.variable-buttons{display:flex;gap:5px;margin:12px 0;flex-wrap:wrap}.variable{border:1px solid var(--line);background:var(--soft);padding:5px 7px;border-radius:4px;font-size:8px;color:var(--accent)}.editor-grid .row-between{flex-wrap:wrap;gap:10px}.editor-grid .row-between .text-button{font-size:9px}.telegram-preview{background:#e9efdf;border:1px solid #dbe4d3;border-radius:12px;min-height:360px;margin-top:9px;overflow:hidden;position:relative;color:#3c5436}.telegram-preview:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #9cb38c25;border-radius:50%;top:150px;left:50px;box-shadow:0 0 0 20px #adc29c12,0 0 0 40px #adc29c09;pointer-events:none}.telegram-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #d8e2d1;background:#f4f7f0;font-size:11px;font-weight:550}.telegram-head .avatar{background:#d4e1cb;color:#6b9057}.telegram-head small{display:block;font-size:8px;color:#9aab90;font-weight:400;margin-top:4px}.preview-bubble{position:relative;z-index:1;background:white;border:1px solid #e1e9da;border-radius:10px 10px 2px 10px;margin:23px 14px 0 30px;padding:16px;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#4c5f42}.preview-note{position:relative;z-index:1;font-size:8px;color:#8e9e83;text-align:center;padding:22px 10px}.radio-cards{display:flex;gap:14px;margin-top:24px}.radio-cards label{margin:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:19px 15px;flex:1;cursor:pointer}.radio-cards label:has(input:checked){background:var(--light-accent);border-color:#b0c4a4}.radio-cards svg{color:#8da17f;width:17px;height:17px}.radio-cards strong{display:block;color:var(--text);font-size:11px}.radio-cards small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.review-grid small{display:block;font-size:8px;color:var(--muted);letter-spacing:.7px}.review-grid strong{display:block;font-weight:500;font-size:12px;margin-top:8px}.review-message{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:18px;font-size:11px;line-height:1.9;white-space:pre-wrap;color:var(--secondary);overflow-wrap:anywhere;margin-top:18px}.check-label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.8}.check-label input{margin:0}.live-header{display:flex;align-items:center;gap:14px;margin:15px 0 25px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.live-header small{display:block;width:100%;font-size:10px;color:#b1945f}.live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.live-stats small{display:block;font-size:10px;color:var(--muted)}.live-stats strong{display:block;font-size:30px;font-weight:500;letter-spacing:-1px;margin-top:10px}.per-account{display:flex;flex-direction:column;gap:15px;margin:24px 0}.per-account .row-between>span:first-child{display:flex;align-items:center;gap:8px}.per-account svg{width:14px;height:14px;color:#91a184}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 15px;border:1px dashed #bdceb1;border-radius:8px;background:var(--soft);margin-top:22px;cursor:pointer;gap:11px;color:#80976f;overflow:hidden}.dropzone svg{width:24px;height:24px}.dropzone strong{font-size:12px;font-weight:550;color:var(--secondary)}.dropzone span{font-size:9px;color:var(--muted)}.dropzone input{font-size:10px;width:90%;margin-top:3px;padding:7px;cursor:pointer}.connection-illustration{display:grid;place-items:center;width:60px;height:60px;background:var(--light-accent);color:#85a571;border-radius:17px;margin:21px auto}.connection-illustration svg{height:30px;width:30px}.search-results{margin-top:17px;max-height:420px;overflow:auto}.search-results>button{display:flex;align-items:center;gap:12px;padding:12px;width:100%;background:transparent;border:0;text-align:left;border-radius:7px}.search-results>button:hover{background:var(--light-accent)}.search-results>button>svg{color:#8da17d;width:17px;height:17px}.search-results strong{font-weight:500;font-size:11px;display:block}.search-results small{font-size:8px;color:var(--muted);display:block;margin-top:5px}.search-results>button>svg:last-child{margin-left:auto;width:13px}.guide-list{display:flex;flex-direction:column;gap:0}.guide-list>div{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-list>div>span{height:27px;width:27px;border-radius:50%;background:var(--light-accent);color:#809a6b;font-size:10px;display:grid;place-items:center;flex-shrink:0}.guide-list strong{font-size:11px;font-weight:550}.guide-list p{font-size:9px;color:var(--muted);line-height:1.9;margin-top:5px}.guide-list>div>svg{margin-left:auto;color:#99ad88;width:18px;height:18px}#toasts{position:fixed;right:28px;bottom:25px;display:flex;flex-direction:column;gap:9px;z-index:100;max-width:min(440px,calc(100vw - 40px))}.toast{display:flex;align-items:center;gap:11px;padding:15px 19px;background:var(--panel);border:1px solid #dce7d7;border-radius:10px;box-shadow:0 8px 35px #183b1f18;color:var(--secondary);font-size:11px;line-height:1.7;animation:toast-in .2s ease-out}.toast>svg{width:18px;height:18px;color:#82a368}.toast.error{border-color:#ebd2c9}.toast.error>svg{color:#b77b60}
/* Welcome screen */
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#10372d;color:#f3f5e9;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story>.brand{padding:0}.login-story>div{padding:70px 0}.login-story h1{font-family:Georgia,serif;font-size:58px;line-height:1.13;letter-spacing:-2px;font-weight:400;margin:20px 0 25px}.login-story h1>span{color:#c9e1a9}.login-story p{font-size:13px;line-height:1.9;color:#98b6a6}.login-story>small{font-size:10px;color:#87a795}.login-decoration{display:flex;align-items:center;margin-top:60px;gap:12px}.login-decoration>span{height:60px;width:60px;border-radius:50%;background:#255442;color:#c6dfa9;display:grid;place-items:center;border:1px solid #4a7154}.login-decoration svg{width:26px;height:26px;stroke-width:1.2}.login-decoration i{height:1px;width:50px;background:#45674f}.login-form{display:flex;align-items:center;justify-content:center;padding:45px;background:var(--panel)}.login-form-inner{max-width:360px;width:100%}.login-form h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:20px 0 12px}.login-form-inner>p{font-size:12px;color:var(--muted);line-height:1.8}.login-form form{margin-top:30px}.login-form .btn{margin-top:27px;padding:13px}.login-form .hint{font-size:10px;margin-top:24px}
/* Keep navigation and dialog actions usable in shorter windows. */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#426253 transparent}.sidebar nav{flex-shrink:0}.modal{display:flex;flex-direction:column;overflow:hidden}.modal-head,.modal-foot{flex-shrink:0}.modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal-foot{border-radius:0 0 16px 16px}.modal-backdrop{overscroll-behavior:contain}
@media(min-width:761px) and (max-height:880px){.sidebar{padding-top:24px}.workspace{margin-top:24px;margin-bottom:20px}.nav-item{padding-block:9px;min-height:35px;margin-block:2px}.tools-label{margin-top:20px}.plan-card{display:none}.sidebar-bottom{padding-top:20px}.profile{padding-bottom:4px}}
/* Evening palette and accessibility */
[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .btn{border-color:var(--line)}[data-theme=dark] .welcome-banner,[data-theme=dark] .current-plan{background:#243a2b;border-color:#334933;color:#c7ddad}[data-theme=dark] .banner-art{background:#334b30;box-shadow:0 0 0 10px #2b4328}[data-theme=dark] .welcome-banner p,[data-theme=dark] .banner-link{color:#9fb18e}[data-theme=dark] .trend{background:#2a402d;color:#9bc58f}[data-theme=dark] .badge{filter:brightness(.8)}[data-theme=dark] .chat-message.outgoing{background:#2e4932;color:#c4d7b4;border-color:#3d573b}[data-theme=dark] .telegram-preview{filter:brightness(.9)}[data-theme=dark] .form-error{background:#462f27;border-color:#654638;color:#e9baa2}
@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{from{width:2%}to{width:100%}}@keyframes blink{50%{opacity:.3}}
/* Responsive workspace */
@media(min-width:1500px){.sidebar{width:248px;padding:35px 19px}.main{margin-left:248px}.topbar{padding-inline:42px;height:80px}.content{padding:42px 42px 30px}.page-head h1{font-size:34px}.page-head p{font-size:12px}.eyebrow{font-size:9px}.welcome-banner{padding:28px 30px;min-height:140px}.welcome-banner h2{font-size:29px}.welcome-banner p{font-size:11px}.banner-link{font-size:11px}.stat{padding:23px}.stat-number{font-size:33px}.stat-label{font-size:11px}.stat-bottom{font-size:9px}.trend{font-size:9px}.overview-charts{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel-head h2{font-size:14px}.panel-head p{font-size:10px}.chart{height:224px}.chart-plot svg{height:195px}.chart-summary>strong{font-size:26px}.health-gauge{margin-top:10px;margin-bottom:10px}.health-row{font-size:10px}.health-row b{font-size:10px}td{padding-block:20px}.campaign-name strong{font-size:12px}.campaign-name small{font-size:9px}table{font-size:11px}.feed-item p{font-size:11px}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px}.quick-grid>button{padding:17px 14px}.footer{padding-inline:42px}.nav-item{font-size:12px;padding-block:12px;margin:4px 0}.nav-label{font-size:9px}.workspace strong{font-size:12px}.workspace small{font-size:10px}.plan-card strong{font-size:11px}.plan-card p{font-size:10px}.profile strong{font-size:11px}.profile small{font-size:9px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:12px}.main{margin-left:210px}.topbar{padding-inline:24px}.content{padding:28px 24px 24px}.page-head h1{font-size:26px}.page-head p{max-width:450px}.overview-charts{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.stats{gap:12px}.stat{padding:16px}.sparkline{width:40px;right:13px}.stat-number{font-size:27px}.stat-bottom{font-size:7px;gap:4px}.stat-bottom>span:last-child{white-space:nowrap}.welcome-banner{padding:22px 22px;gap:20px}.welcome-banner h2{font-size:23px}.banner-link{max-width:150px;white-space:normal;text-align:left;line-height:1.7}.banner-art{width:52px;height:52px}.panel-head{padding:19px}.panel-head h2{font-size:11px}.quick-grid{padding-inline:17px;gap:8px}.quick-grid>button{padding:12px 9px;gap:6px}.quick-grid>button>svg:last-child{display:none}.quick-grid strong{font-size:8px}.quick-grid small{font-size:7px}.bottom-grid{gap:16px}.campaign-name{gap:8px}.campaign-name strong{font-size:9px}td,th{padding-inline:16px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{gap:14px}.template-card{padding:18px}.template-card h2{font-size:14px}.template-card .buttons{gap:6px}.template-text{font-size:10px;padding:12px}.list-card{padding:16px}.list-source{right:13px;font-size:7px}.list-card h3{font-size:11px}.list-card p{font-size:8px}.list-card>div span{font-size:7px;gap:5px}.list-card>div strong{font-size:21px}.pricing-grid{gap:12px}.price-card{padding:23px 16px}.price-card .btn{font-size:8px}.price-card li{font-size:8px}.price-card>p{min-height:40px}.current-plan{gap:26px;padding:25px}.inbox-layout{grid-template-columns:280px minmax(0,1fr)}.lab-layout{grid-template-columns:270px minmax(0,1fr)}.command-search kbd{display:none}.top-actions{gap:13px}}
@media(max-width:1000px){.page-head{align-items:flex-start}.page-head .buttons{padding-top:15px;gap:7px}.page-head .btn{font-size:9px;padding:10px 12px}.page-head h1{font-size:24px}.page-head p{font-size:9px;max-width:360px}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:9px}.banner-link{display:none}.overview-charts{grid-template-columns:1fr}.health{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sparkline{width:70px}.stat-bottom{font-size:8px}.stat-number{font-size:30px}.bottom-grid{grid-template-columns:1fr}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px}.quick-grid>button{padding:17px 14px}.quick-grid>button>svg:last-child{display:block}.list-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.list-card h3{font-size:13px}.list-card p{font-size:10px}.list-source{font-size:9px;right:17px}.add-list{min-height:180px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{padding:23px}.template-card .btn{font-size:10px}.analytics-grid{grid-template-columns:1fr}.analytics-grid>.panel:last-child{display:none}.settings-grid{grid-template-columns:1fr}.toolbar{gap:10px;flex-wrap:wrap}.search-field{min-width:180px}.search-field input{min-width:180px}.tab{padding:8px 10px;font-size:9px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.price-card>p{min-height:0}.price-card li{font-size:10px}.price-card .btn{font-size:10px}.current-plan{gap:20px;flex-wrap:wrap}.current-plan>div:first-child{width:100%}.usage-block{max-width:none}.inbox-layout{grid-template-columns:240px minmax(0,1fr)}.conversation{padding:16px 12px;gap:8px}.conversation>span.avatar{width:26px;height:26px;font-size:8px}.conversation strong{font-size:9px}.conversation strong small{font-size:7px}.thread-head{padding:16px}.thread-head .person{gap:7px}.thread-head .person strong{font-size:10px}.thread-head select{max-width:90px;padding:7px;font-size:8px}.thread-body{padding:20px 16px}.chat-message{max-width:93%;padding:12px;font-size:10px}.reply-form{padding:15px}.reply-form>div>span{font-size:7px}.lab-layout{grid-template-columns:1fr}.lab-layout .panel:first-child .form-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.lab-layout .panel:first-child label{margin:0;align-self:center}.lab-layout .panel:first-child .hint{grid-column:1/-1}.lab-layout .switch-row{grid-column:1/-1}.lab-layout .panel:first-child .btn{grid-column:1/-1;margin:0}.lab-empty{min-height:320px}.summary-strip{grid-template-columns:1fr 1fr;gap:20px}.summary-strip>div:nth-child(2){border:0}.command-search>span{display:none}.footer{font-size:7px;gap:15px}.login-story{padding:35px}.login-story h1{font-size:46px}.login-form{padding:30px}.login-form h2{font-size:26px}}
@media(max-width:760px){.sidebar{width:70px;padding:24px 10px}.brand{padding:0 8px;gap:0}.brand>span:not(.brand-mark),.brand>small{display:none}.brand-mark{height:32px;width:32px}.workspace,.nav-label,.tools-label,.sidebar-bottom{display:none}.sidebar nav:first-of-type{margin-top:35px}.sidebar nav:last-of-type{margin-top:25px;border-top:1px solid #2c4b40;padding-top:15px}.nav-item{justify-content:center;padding:13px 10px;margin:6px 0}.nav-item>span,.nav-item b,.nav-item em{display:none}.nav-item svg{width:19px;height:19px}.main{margin-left:70px}.topbar{height:61px;padding-inline:19px}.breadcrumb{font-size:9px;gap:8px}.top-actions{gap:7px}.demo-indicator{font-size:7px;padding:5px}.command-search{padding:4px}.command-search svg{height:15px;width:15px}.top-actions>.avatar{display:none}.notification{padding:4px}.content{padding:25px 19px}.page-head{gap:12px}.page-head h1{font-size:23px;letter-spacing:-.8px}.eyebrow{font-size:7px;letter-spacing:1.4px}.page-head p{font-size:9px;max-width:300px}.page-head .buttons{padding-top:0}.page-head .buttons .btn:not(.primary){display:none}.page-head .btn{font-size:0;padding:10px;min-height:35px;gap:0}.page-head .btn svg{width:17px;height:17px}.welcome-banner{padding:22px 20px;gap:19px;min-height:126px}.welcome-banner .mini-label{font-size:7px}.welcome-banner h2{font-size:21px;line-height:1.2}.welcome-banner p{font-size:8px;line-height:1.8;max-width:230px}.banner-art{height:44px;width:44px}.banner-art svg{width:24px;height:24px}.stats{gap:10px}.stat{padding:16px 13px}.stat-label{font-size:9px}.stat-number{font-size:27px}.stat-bottom{font-size:7px}.trend{font-size:7px}.sparkline{width:44px;height:20px;right:11px;bottom:37px}.sample-caption{font-size:6px}.panel-head{padding:18px 17px}.panel-head .text-button{font-size:8px;gap:4px}.panel-head .text-button svg{width:11px;height:11px}.chart-summary{padding-inline:17px}.chart-summary>strong{font-size:21px}.chart-summary small{font-size:8px}.legend{font-size:7px;gap:10px}.chart{margin-inline:13px;height:190px;gap:7px}.chart-plot svg{height:164px}.chart-y,.chart-x{font-size:7px}.chart-y{min-width:19px}.panel-head h2{font-size:11px}.feed{padding-inline:17px}.feed-item p{font-size:9px}.feed-item time{font-size:7px}.quick-grid{padding-inline:17px}.quick-grid strong{font-size:9px}.quick-grid small{font-size:7px}.quick-grid>button>svg:last-child{display:none}.footer{padding:0 19px 22px}.footer>span:last-child{display:none}.list-cards{gap:12px}.list-card{padding:17px 15px}.list-card h3{font-size:12px}.list-source{font-size:7px;top:29px}.list-card p{font-size:9px}.list-card>div>span{font-size:8px}.account-grid,.template-grid{grid-template-columns:1fr}.account-card{padding:22px}.account-meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.summary-strip>div{padding-inline:14px}.summary-strip strong{font-size:22px}.summary-strip small{font-size:8px}.summary-strip>div>svg{width:18px}.inbox-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.conversation-list>div:last-child{display:flex;overflow-x:auto;max-height:150px}.conversation{min-width:230px;max-width:230px;border-right:1px solid var(--line)}.conversation strong{font-size:10px}.conversation-list .search-field{padding:14px}.conversation-list .search-field svg{left:26px;top:26px}.thread-body{min-height:300px}.thread-head select{max-width:none}.thread-head .person strong{font-size:12px}.chat-message{font-size:11px;max-width:84%}.pricing-intro h2{font-size:24px}.pricing-intro p{font-size:10px;line-height:1.8}.current-plan{padding:22px;gap:23px}.usage-block{flex-basis:100%}.pricing-grid{gap:10px;row-gap:24px}.price-card{padding:22px 15px}.price-card h3{font-size:15px}.price-card>p{font-size:8px;min-height:27px}.price{font-size:30px}.price-card li{font-size:8px;line-height:1.5;gap:5px}.price-card li svg{width:10px;height:10px}.recommended-label{left:8px;right:8px;font-size:6px}.price-card .btn{font-size:8px}.modal-backdrop{padding:13px}.modal{max-height:94vh}.modal-head{padding:22px 20px 17px}.modal-head h2{font-size:21px}.modal-body{padding-inline:20px}.modal-foot{padding:15px 20px;gap:7px;flex-wrap:wrap}.modal-foot>.btn{font-size:10px;padding:10px 11px}.wizard-steps{padding:16px 0 20px}.wizard-steps small{font-size:8px}.wizard-steps>div>span{width:26px;height:26px}.wizard-steps>div:after{top:13px}.step-note{display:none}.editor-grid{grid-template-columns:1fr}.telegram-preview{display:none}.editor-grid textarea{min-height:230px}.editor-grid h3{font-size:17px}.radio-cards{flex-direction:column}.review-grid{gap:20px 12px}.review-grid strong{font-size:10px}.live-stats{gap:10px}.live-stats small{font-size:9px}.live-stats strong{font-size:25px}.account-choice{padding:12px;gap:9px}.account-choice .badge{font-size:7px}.account-choice strong{font-size:10px}.account-choice small{font-size:8px}.login-page{grid-template-columns:1fr}.login-story{min-height:280px;padding:28px}.login-story>.brand{font-size:26px}.login-story .brand>span:not(.brand-mark),.login-story .brand>small{display:block}.login-story>div{padding:38px 0 7px}.login-story h1{font-size:40px;letter-spacing:-1.5px;margin:12px 0 16px}.login-story p{font-size:11px}.login-decoration,.login-story>small{display:none}.login-form{padding:38px 28px}.login-form h2{font-size:25px}.login-form form{margin-top:20px}.login-form label{font-size:11px}.page-note{font-size:9px;align-items:flex-start}}
@media(max-width:430px){.content{padding-inline:14px}.topbar{padding-inline:14px}.top-actions{gap:3px}.command-search{display:none}.page-head h1{font-size:21px}.page-head p{font-size:8px;max-width:220px}.welcome-banner{gap:13px;padding:20px 15px}.banner-art{width:34px;height:34px;box-shadow:0 0 0 7px #dce8d270}.banner-art svg{width:19px;height:19px}.welcome-banner h2{font-size:19px}.welcome-banner p{font-size:7px}.stat{padding:12px 11px}.stat-label{font-size:8px}.stat-label>span{width:21px;height:21px}.stat-label svg{width:12px}.stat-number{font-size:25px;margin-block:12px}.stat-bottom>span:last-child{font-size:6px}.stat-bottom{gap:3px}.sparkline{display:none}.list-cards{grid-template-columns:1fr 1fr;gap:9px}.list-source{display:none}.list-card{padding:15px 12px}.list-card h3{font-size:11px}.list-card p{font-size:8px}.list-card>div span{font-size:7px}.list-card>div svg{display:none}.add-list{min-height:170px}.add-list strong{font-size:9px}.add-list>span{font-size:8px}.summary-strip strong{font-size:18px}.summary-strip small{margin-left:0;font-size:7px}.summary-strip>div{gap:7px}.summary-strip>div>svg{width:16px;height:16px}.field-row{grid-template-columns:1fr;gap:0}.quick-grid{grid-template-columns:1fr}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px}.quick-grid>button>svg:last-child{display:block}.quick-grid>button{padding:15px}.pricing-grid{grid-template-columns:1fr}.price-card>p{min-height:0}.price-card li{font-size:10px}.price-card .btn{font-size:10px}.recommended-label{font-size:7px;left:20px;right:20px}.price{font-size:35px}.lab-layout .panel:first-child .form-body{display:block}.lab-layout .panel:first-child label{margin:20px 0 8px}.lab-layout .panel:first-child .btn{margin-top:20px}.lab-banner{font-size:9px;padding:13px}.lab-banner>svg{display:none}.review-grid{grid-template-columns:1fr}.live-stats{grid-template-columns:1fr 1fr;gap:20px}.modal-foot{padding-inline:15px}.modal-foot>.btn{font-size:9px;padding:9px}.account-choice .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Telegram visual system — blue navigation, native chat proportions, and day/night palettes. */
:root{font-family:"Segoe UI",Roboto,Arial,sans-serif;--bg:#f1f3f5;--panel:#fff;--text:#17212b;--muted:#8a96a2;--secondary:#647585;--line:#e7ebef;--soft:#f4f6f8;--accent:#3390ec;--accent-hover:#2581d8;--light-accent:#eaf3fd;--sidebar:#fff;--radius:10px;--chat-bg:#dce6eb;--chat-out:#efffde;--chat-time:#7da66b;--chat-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%238aa6b5' stroke-width='1.3' opacity='.17'%3E%3Cg transform='translate(18 22) rotate(-15)'%3E%3Cpath d='m0 10 30-10-8 28-9-11-13-7 30-10-17 17'/%3E%3C/g%3E%3Cg transform='translate(108 18) rotate(12)'%3E%3Crect width='29' height='23' rx='8'/%3E%3Cpath d='m6 23-3 6 10-6M8 8h13M8 14h9'/%3E%3C/g%3E%3Cpath d='m191 17 3 8 8 3-8 3-3 8-3-8-8-3 8-3ZM80 94l3 8 8 3-8 3-3 8-3-8-8-3 8-3ZM194 161l3 8 8 3-8 3-3 8-3-8-8-3 8-3Z'/%3E%3Ccircle cx='170' cy='95' r='17'/%3E%3Cpath d='M161 94c3 8 14 8 18 0M164 89h.1M176 89h.1M28 123c-13-12-24 4 0 18 24-14 13-30 0-18Z'/%3E%3Cg transform='translate(95 176) rotate(14)'%3E%3Cpath d='m0 10 30-10-8 28-9-11-13-7 30-10-17 17'/%3E%3C/g%3E%3Cg transform='translate(16 202)'%3E%3Cpath d='M0 0h27v20H10l-7 7v-7H0V0ZM7 7h13M7 13h9'/%3E%3C/g%3E%3Cpath d='m213 222 5-6m-37-86 6-3M62 47l4 6M133 122l-4 5M53 178l5 3'/%3E%3C/svg%3E")}
[data-theme=dark]{--bg:#0e1621;--panel:#17212b;--text:#f5f5f5;--muted:#768c9e;--secondary:#a4b4c2;--line:#233342;--soft:#1c2936;--accent:#54a9eb;--accent-hover:#69b6f1;--light-accent:#203c53;--sidebar:#17212b;--chat-bg:#0e1621;--chat-out:#2b5278;--chat-time:#8db9df}
.sidebar{color:var(--secondary);border-right:1px solid var(--line);scrollbar-color:#b9c8d6 transparent}
.brand{color:var(--text);letter-spacing:-1.1px;font-size:29px;font-weight:650}.brand-period{color:var(--accent)}.brand small{color:#78a3c6;border-color:#d3e7f7;letter-spacing:1px}.brand-mark{border-radius:50%;transform:none;background:linear-gradient(145deg,#46b5f5,#258bdb);color:white;height:38px;width:38px;box-shadow:none}.brand-mark svg{transform:none;width:24px;height:24px;stroke-width:1.4}.brand-mark svg path{fill:white;stroke:#fff;stroke-width:.7}
.workspace{background:var(--soft);border-color:var(--line);color:var(--text);border-radius:9px}.workspace:hover{background:var(--light-accent)}.workspace-logo{background:linear-gradient(135deg,#70b7f2,#3986d3);color:#fff;border-radius:50%;font-size:11px}.workspace small,.workspace>svg{color:var(--muted)}.nav-label{color:var(--muted);font-size:9px;letter-spacing:1.2px}.nav-item{font-size:13px;color:var(--secondary);border-radius:8px;padding-block:12px}.nav-item svg{width:20px;height:20px}.nav-item:hover{background:var(--soft);color:var(--text)}.nav-item.active{background:var(--accent);color:white;font-weight:550;box-shadow:none}.nav-item b{border-radius:15px;background:#a2aeb9;color:#fff;padding:2px 6px;font-size:10px}.nav-item.active b{background:white;color:var(--accent)}.nav-item em{color:var(--muted);border-color:var(--line)}.nav-item.active em{border-color:#ffffff60;color:#fff}.profile{color:var(--text)}.profile small,.profile>svg{color:var(--muted)}.profile strong{font-size:12px}.profile small{font-size:10px}.avatar.owner{background:linear-gradient(140deg,#79b5e9,#468bd0);color:#fff;box-shadow:none}.plan-card{background:var(--light-accent);border-color:var(--line)}.plan-card:after{border-color:#93c2ee50;box-shadow:0 0 0 18px #93c2ee08,0 0 0 36px #93c2ee08}.plan-star,.plan-card strong{color:var(--accent)}.plan-card p{color:var(--secondary)}.plan-card button{background:var(--accent);color:#fff}.plan-card button:hover{background:var(--accent-hover)}
.topbar{height:68px}.breadcrumb{font-size:12px}.command-search{font-size:12px}.command-search kbd{font-size:10px;color:var(--muted)}.demo-indicator{font-size:10px;color:var(--secondary)}.demo-indicator i,.notification>i{background:var(--accent)}.top-actions>.avatar{height:34px;width:34px;font-size:11px}.btn{border-color:var(--line);font-size:12px;border-radius:7px;box-shadow:none}.btn.primary,[data-theme=dark] .btn.primary{color:white;background:var(--accent);border-color:var(--accent);box-shadow:none}.btn.primary:hover{background:var(--accent-hover)}.btn:hover{border-color:#bad7f1}.text-button{font-size:12px}.icon-button:hover{color:var(--accent)}input,textarea,select{border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}
.eyebrow{color:var(--accent);font-size:9px}.heading-dot{color:var(--accent)}.page-head h1{font-weight:600;letter-spacing:-.7px}.page-head p{font-size:12px;line-height:1.6;color:var(--secondary)}.page-head .btn{font-size:12px}.welcome-banner,[data-theme=dark] .welcome-banner{background:var(--light-accent);border-color:#cfe4f8;color:var(--text)}.welcome-banner h2{font-family:inherit;font-size:24px;font-weight:550;letter-spacing:-.5px}.welcome-banner p,[data-theme=dark] .welcome-banner p{color:var(--secondary);font-size:12px}.mini-label{color:var(--accent)}.banner-art,[data-theme=dark] .banner-art{background:linear-gradient(140deg,#57b8f0,#3195dc);color:#fff;box-shadow:0 0 0 9px #3390ec0b}.banner-art svg{stroke-width:1.5;transform:none}.banner-orbit{border-color:#78b7ec40}.banner-link,[data-theme=dark] .banner-link{color:var(--accent);font-size:12px}.banner-link:hover{color:var(--accent-hover)}.stat-label{font-size:12px}.stat-label>span{color:var(--accent);background:var(--light-accent);border:0;border-radius:50%}.stat-bottom{font-size:9px}.sparkline{color:#6aafec}.trend,[data-theme=dark] .trend{background:var(--light-accent);color:var(--accent);font-size:9px}.sample-caption{font-size:8px;color:var(--muted)}.panel-head h2{font-size:14px}.panel-head p{font-size:11px}.chart-summary small{font-size:11px}.legend{font-size:10px}.chart-y,.chart-x{font-size:9px}.select{font-size:11px}.health-caption{color:var(--accent);font-size:11px}.health-row,.health-row b{font-size:11px}.health-note{color:var(--muted);font-size:9px}.health>.text-button{font-size:11px}.meter i{background:var(--accent)}.status-dot{background:var(--accent)}.status-dot.amber{background:#e2ad54}.status-dot.pale{background:#b4d6f3}.donut{background:conic-gradient(var(--accent) 0 var(--slice),var(--light-accent) var(--slice) 360deg)}
th{font-size:10px;color:var(--muted)}table{font-size:12px}.campaign-name strong{font-size:12px}.campaign-name small{font-size:10px}.campaign-icon{color:var(--accent);border:0;border-radius:50%;background:var(--light-accent);height:38px;width:38px}.campaign-icon svg{width:18px;height:18px}.progress-label{font-size:11px}.badge{font-size:10px}.table-footer{font-size:11px}.feed-item p{font-size:11px}.feed-item small,.feed-item time{font-size:10px}.feed-icon{color:var(--accent);background:var(--light-accent);border:0}.quick-grid strong{font-size:11px}.quick-grid small{font-size:10px}.quick-grid>button>svg:first-child{color:var(--accent);width:19px;height:19px}.quick-grid>button>svg:last-child{color:var(--accent)}.quick-grid>button:hover{border-color:#a5ccef;background:var(--light-accent)}
.tone-0{color:#fff!important;background:linear-gradient(135deg,#69bef4,#4796d5)!important;border-color:transparent!important}.tone-1{color:#fff!important;background:linear-gradient(135deg,#c396ed,#9477cc)!important;border-color:transparent!important}.tone-2{color:#fff!important;background:linear-gradient(135deg,#f4b76e,#df8e5e)!important;border-color:transparent!important}.tone-3{color:#fff!important;background:linear-gradient(135deg,#79cab1,#4ba58c)!important;border-color:transparent!important}.list-icon,.list-icon.purple,.list-icon.amber{border-radius:50%}.list-icon{background:var(--light-accent);color:var(--accent)}.list-card h3{font-size:14px}.list-card p{font-size:11px}.list-source{font-size:10px}.list-card:hover,.list-card.selected{border-color:#80b7e6;box-shadow:0 3px 15px #3390ec0b}.list-card>div span,.add-list>span{font-size:10px}.add-list>svg{color:var(--accent)}.add-list strong{font-size:12px}.category{font-size:10px}.account-meta{font-size:11px}.summary-strip small{font-size:11px}.account-card .btn{font-size:12px}.template-text{font-size:12px}.template-card .btn{font-size:11px}.toggle.on{background:var(--accent)}.switch-row strong{font-size:13px}.switch-row small{font-size:11px}.form-body label{font-size:12px}.hint,.modal .hint{font-size:11px}.row-between{font-size:12px}.page-note{font-size:11px}.pricing-intro h2{font-family:inherit;font-weight:550;font-size:27px}.current-plan,[data-theme=dark] .current-plan{background:var(--light-accent);border-color:var(--line);color:var(--text)}.current-plan h2 span,.current-plan p{color:var(--secondary)}.usage-block .row-between,.usage-block .row-between strong{color:var(--accent);font-size:11px}.usage-block .meter{background:var(--line)}.recommended-label{background:var(--accent);color:#fff}.price-card.recommended{border-color:var(--accent);box-shadow:0 0 0 2px #3390ec10}.plan-symbol{color:var(--accent);background:var(--light-accent)}.price-card li svg{color:var(--accent)}.price-card>p,.price-card li{font-size:11px}.price-card .btn{font-size:11px}.price-card .price small{font-size:11px}.demo-pill{font-size:10px}.lab-banner>svg,.empty-art,.lab-progress{color:var(--accent)}.lab-banner{font-size:12px}.empty h3,.lab-progress h3{font-family:inherit;font-weight:500}.loading-meter{background:var(--accent)}.spinner{border-top-color:var(--accent)}.dropzone{border-color:#9ac6ec;color:var(--accent)}.variable{font-size:10px}.info-box>svg{color:var(--accent)}.wizard-steps .done>span{border-color:#c2ddf4;background:var(--light-accent)}.radio-cards label:has(input:checked){border-color:#80b8e8}.radio-cards svg{color:var(--accent)}.per-account svg{color:var(--accent)}.toast>svg{color:var(--accent)}.toast{border-color:var(--line)}.form-error:not(:empty){color:#b56652}.footer{font-size:10px}.footer-wordmark{color:var(--accent)}
/* Inbox: an edge-to-edge Telegram chat surface. */
.content:has(.inbox-layout){padding:0;max-width:none;height:calc(100dvh - 68px);display:flex;flex-direction:column;animation:none}.content:has(.inbox-layout)>.page-head{display:none}.content:has(.inbox-layout)>.toolbar{margin:0;min-height:54px;padding:0 23px;background:var(--panel);border-bottom:1px solid var(--line);gap:10px;flex-shrink:0}.content:has(.inbox-layout) .tabs{gap:18px;height:54px}.content:has(.inbox-layout) .tab{height:100%;padding:0 3px;font-size:13px;border:0;border-radius:0;background:none;position:relative;color:var(--secondary)}.content:has(.inbox-layout) .tab.selected{color:var(--accent);background:none}.content:has(.inbox-layout) .tab.selected:after{content:'';height:3px;border-radius:3px 3px 0 0;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.main:has(.inbox-layout)>.footer{display:none}.inbox-layout{flex:1;min-height:0;border:0;border-radius:0;grid-template-columns:320px minmax(0,1fr);box-shadow:none;overflow:hidden}.conversation-list{overflow-y:auto;min-height:0;background:var(--panel)}.conversation-list .search-field{padding:12px 14px;position:sticky;top:0;background:var(--panel);z-index:1}.conversation-list .search-field input{border:0;border-radius:24px;background:var(--soft);font-size:13px;padding:12px 16px 12px 40px;min-width:0}.conversation-list .search-field>svg{left:28px;top:25px;height:17px;width:17px}.conversation{padding:14px 15px;gap:12px;border:0;min-height:92px}.conversation>.avatar{height:48px;width:48px;font-size:16px;font-weight:500}.conversation strong{font-size:13px;font-weight:600;line-height:1.4}.conversation strong small{font-size:10px;margin-top:2px}.conversation p{font-size:12px;line-height:1.6;margin-top:5px}.conversation-tag{font-size:9px;color:var(--accent);border:0;background:var(--light-accent);padding:2px 6px;border-radius:4px;margin-top:6px}.conversation.selected{background:var(--accent);box-shadow:none;color:white}.conversation.selected:hover{background:var(--accent)}.conversation.selected p,.conversation.selected strong small{color:#ffffffb8}.conversation.selected .conversation-tag{background:#ffffff24;color:#fff}.conversation.selected .avatar{box-shadow:0 0 0 2px #ffffff35}.conversation:hover{background:var(--soft)}.unread-dot{background:var(--accent);width:8px;height:8px;bottom:17px;right:17px}.conversation.selected .unread-dot{background:#fff}.thread{min-height:0;background:var(--chat-bg)}.thread-head{height:72px;flex-shrink:0;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line);gap:15px;z-index:1}.thread-head .person{gap:12px}.thread-head .avatar{height:42px;width:42px;font-size:14px}.thread-head .person strong{font-size:15px}.thread-head .person small{font-size:12px;color:var(--accent);font-weight:400}.thread-head select{font-size:12px;padding:8px 12px;border:0;background:var(--soft);border-radius:20px}.thread-body{padding:22px 30px 14px;background-color:var(--chat-bg);background-image:var(--chat-pattern);background-size:240px;flex:1;min-height:0;max-height:none;gap:12px;justify-content:flex-end;overflow-y:auto}.thread-body:before{content:'';flex:1;min-height:0}.thread-date{align-self:center;background:#6d8c9d78;color:white;padding:5px 12px;border-radius:20px;font-size:10px;margin:0 0 10px;flex-shrink:0}.chat-message{font-size:14px;line-height:1.55;background:var(--panel);color:var(--text);border:0;box-shadow:0 1px 2px #153b501a;border-radius:13px 13px 13px 4px;padding:10px 13px 6px;max-width:80%;min-width:120px;flex-shrink:0;position:relative}.chat-message p{white-space:pre-wrap}.chat-message.incoming:before{content:'';position:absolute;bottom:0;left:-5px;width:10px;height:12px;background:var(--panel);clip-path:polygon(100% 0,100% 100%,0 100%)}.chat-message.outgoing,[data-theme=dark] .chat-message.outgoing{background:var(--chat-out);color:var(--text);border:0;border-radius:13px 13px 4px 13px}.chat-message.outgoing:after{content:'';position:absolute;bottom:0;right:-5px;width:10px;height:12px;background:var(--chat-out);clip-path:polygon(0 0,100% 100%,0 100%)}.chat-message time{font-size:10px;line-height:1.3;margin-top:4px;white-space:nowrap;color:var(--muted)}.chat-message.outgoing time{color:var(--chat-time)}.reply-form{display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:10px;background-color:var(--chat-bg);background-image:var(--chat-pattern);padding:12px 28px 28px;border:0;position:relative;flex-shrink:0}.reply-form textarea{min-height:50px;height:50px;max-height:130px;font-size:14px;line-height:1.6;padding:13px 16px;background:var(--panel);border:0;border-radius:12px;resize:vertical;box-shadow:0 1px 2px #153b501a}.reply-form>div{display:contents}.reply-form>div>span{position:absolute;bottom:9px;left:31px;font-size:9px;color:var(--secondary);display:flex;gap:4px}.reply-form>div>span svg{width:10px;height:10px}.reply-form .btn{font-size:0;border-radius:50%;height:48px;width:48px;padding:0;min-height:0;align-self:end;gap:0;box-shadow:0 1px 3px #153b5020}.reply-form .btn svg{width:23px;height:23px;stroke-width:1.5}.reply-form .btn:hover{transform:none;box-shadow:0 2px 10px #3390ec40}
.brand-mark{flex-shrink:0}.plan-card{display:none}.legend i.pale{background:#a9d5f8}
.generator-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.generator-layout .form-body>.btn{margin-top:18px}.generator-feature{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary);margin-top:15px;line-height:1.6}.generator-feature svg{height:14px;width:14px;color:var(--accent)}.generator-layout .hint{font-size:10px}.generator-layout .panel-head p{font-size:10px;line-height:1.7}.number-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:8px 22px 23px}.number-summary small{font-size:9px;color:var(--muted);line-height:1.6;display:block;min-height:29px}.number-summary strong{font-size:23px;font-weight:550;letter-spacing:-.7px;display:block;margin-top:5px}.number-summary span{font-size:8px;color:var(--muted);display:block;margin-top:4px}.generator-layout .lab-table{max-height:520px}.generator-layout .table-footer{font-size:9px;gap:12px}.generator-layout .form-error{white-space:normal}.generator-layout .lab-progress p{line-height:1.8}
.live-connect-card{max-width:820px;margin:12px auto 30px;padding:38px;text-align:center}.live-connect-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#5bbbf2,#3390ec);color:white;margin:0 auto 22px;box-shadow:0 0 0 12px var(--light-accent)}.live-connect-icon svg{width:37px;height:37px;stroke-width:1.2}.live-connect-card>.category{margin-top:10px}.live-connect-card>h2{font-size:25px;font-weight:550;margin-top:18px;letter-spacing:-.6px}.live-connect-card>p{font-size:12px;line-height:1.9;max-width:560px;margin:13px auto 0;color:var(--secondary)}.live-connect-card>.buttons{justify-content:center;margin-top:25px;flex-wrap:wrap}.live-steps{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--soft);border:1px solid var(--line);border-radius:9px;margin-top:28px;padding:20px 24px;color:var(--secondary);font-size:12px;line-height:1.7}.live-steps code,.setup-command code{font-family:Consolas,monospace;color:var(--accent);font-size:12px}.setup-command{display:flex;flex-direction:column;gap:12px;padding:17px;border-radius:8px;background:var(--soft);border:1px solid var(--line);margin-top:16px}.live-status-banner{display:flex;align-items:center;gap:12px;padding:17px 20px;background:var(--light-accent);border:1px solid var(--line);border-radius:9px;margin:22px 0;color:var(--secondary);font-size:12px;line-height:1.8}.live-status-banner>svg{color:var(--accent)}.live-status-banner>.btn{margin-left:auto}.live-bottom{margin-top:23px}.live-connect-card .empty-art{margin:0 auto}.panel>.empty>.empty-art{margin:0 auto}.live-connect-card>.hint{font-size:10px}.live-status-banner>span{overflow-wrap:anywhere}
@media(max-width:760px){.live-connect-card{padding:30px 20px}.live-connect-card>h2{font-size:21px}.live-steps{padding:17px;font-size:11px}.live-status-banner{flex-wrap:wrap}.live-status-banner>.btn{margin:0}.setup-command code{font-size:11px}}
@media(max-width:1050px){.generator-layout{grid-template-columns:260px minmax(0,1fr);gap:16px}.number-summary{gap:10px;padding-inline:17px;grid-template-columns:1fr 1fr}.number-summary small{min-height:0}.generator-layout .panel-head{flex-wrap:wrap}.generator-layout .panel-head .btn{font-size:10px}}
@media(max-width:760px){.generator-layout{grid-template-columns:1fr}.generator-layout .panel-head{flex-wrap:nowrap}.number-summary{grid-template-columns:1fr 1fr}.generator-layout .lab-table{max-height:450px}}
.thread-body{justify-content:flex-start}.thread-body:before{flex:1 0 0}
@media(max-width:1200px) and (min-width:761px){.brand small{display:none}.brand{font-size:28px}}
.preview-bubble:after{content:'12:42  ✓✓';display:block;text-align:right;font-size:10px;line-height:1.4;margin-top:6px;color:var(--chat-time)}
/* Campaign previews use the same chat vocabulary. */
.telegram-preview,[data-theme=dark] .telegram-preview{background-color:var(--chat-bg);background-image:var(--chat-pattern);border:1px solid var(--line);color:var(--text);filter:none}.telegram-preview:after{display:none}.telegram-head{background:var(--panel);border-color:var(--line);font-size:13px;color:var(--text);padding:14px}.telegram-head .avatar{color:white;background:linear-gradient(135deg,#50b5f5,#258bd9)}.telegram-head small{color:var(--accent);font-size:10px}.preview-bubble{background:var(--chat-out);color:var(--text);border:0;border-radius:12px 12px 3px 12px;box-shadow:0 1px 2px #153b5020;font-size:12px;margin-left:22px;padding:14px}.preview-note{font-size:10px;color:var(--secondary)}.login-story{background:linear-gradient(145deg,#279bdf,#367cc9);color:white}.login-story .brand{color:white}.login-story .brand-mark{background:#ffffff25}.login-story .brand small{color:white;border-color:#ffffff60}.login-story .mini-label{color:#cfe9ff}.login-story h1{font-family:inherit;font-weight:550;font-size:52px;letter-spacing:-1.8px}.login-story h1>span{color:#b9e5ff}.login-story p,.login-story>small{color:#d7ecff}.login-decoration>span{background:#ffffff18;color:white;border-color:#ffffff40}.login-decoration i{background:#ffffff50}.login-form h2{font-weight:550}
[data-theme=dark] .welcome-banner{border-color:var(--line)}[data-theme=dark] .sidebar{scrollbar-color:#35516a transparent}[data-theme=dark] .brand small{border-color:#35546b}[data-theme=dark] .tone-0,[data-theme=dark] .tone-1,[data-theme=dark] .tone-2,[data-theme=dark] .tone-3{filter:brightness(.9)}[data-theme=dark] .badge{filter:none}[data-theme=dark] .conversation.selected{background:#2b5278}[data-theme=dark] .trend{color:var(--accent)}[data-theme=dark] .thread-date{background:#233c50d9}[data-theme=dark] .chat-message{box-shadow:0 1px 2px #0002}
@media(min-width:1500px){.nav-item{font-size:14px}.inbox-layout{grid-template-columns:360px minmax(0,1fr)}.thread-body{padding-inline:65px}.reply-form{padding-inline:65px}.reply-form>div>span{left:68px}.conversation strong{font-size:14px}.conversation p{font-size:13px}.chat-message{max-width:70%}}
@media(min-width:761px) and (max-height:880px){.nav-item{padding-block:9px;font-size:12px;min-height:35px}.nav-item svg{width:18px;height:18px}.workspace{margin-top:24px}}
@media(max-width:1200px){.inbox-layout{grid-template-columns:290px minmax(0,1fr)}.conversation{padding-inline:12px;gap:10px}.conversation>.avatar{width:42px;height:42px;font-size:14px}.conversation strong{font-size:12px}.conversation p{font-size:11px}.thread-body{padding-inline:22px}.reply-form{padding-inline:20px}.reply-form>div>span{left:23px}.page-head p{font-size:11px}.page-head .btn{font-size:11px}.quick-grid strong{font-size:10px}.quick-grid small{font-size:9px}.list-card p{font-size:10px}.list-source{font-size:9px}}
@media(max-width:1000px){.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.conversation>.avatar{width:38px;height:38px;font-size:12px}.conversation strong{font-size:11px}.conversation strong small{font-size:9px}.conversation p{font-size:10px}.thread-head{padding-inline:16px}.thread-head .person strong{font-size:13px}.thread-head .person small{font-size:10px}.thread-head select{font-size:10px;padding:7px;max-width:98px}.thread-head .avatar{width:36px;height:36px;font-size:12px}.chat-message{font-size:13px;max-width:90%}.page-head h1{font-size:25px}.banner-link{display:none}.quick-grid strong{font-size:12px}.quick-grid small{font-size:10px}}
@media(max-width:760px){.sidebar{background:var(--panel)}.sidebar nav:last-of-type{border-color:var(--line)}.brand-mark{height:34px;width:34px}.nav-item{padding:13px 10px}.nav-item svg{width:21px;height:21px}.topbar{height:61px}.breadcrumb{font-size:10px}.demo-indicator{font-size:8px}.content:has(.inbox-layout){height:auto;min-height:calc(100dvh - 61px)}.content:has(.inbox-layout)>.toolbar{padding:0 15px;min-height:48px;flex-wrap:nowrap}.content:has(.inbox-layout) .tabs{gap:12px;height:48px;flex-wrap:nowrap}.content:has(.inbox-layout) .tab{font-size:11px;white-space:nowrap}.content:has(.inbox-layout)>.toolbar>.small{display:none}.inbox-layout{display:flex;flex-direction:column;height:calc(100dvh - 109px);min-height:590px;overflow:visible;flex:none}.conversation-list{max-height:179px;flex-shrink:0;overflow:visible;border-bottom:1px solid var(--line)}.conversation-list .search-field{padding:10px 12px}.conversation-list .search-field>svg{top:22px;left:24px}.conversation-list .search-field input{padding-block:10px;font-size:12px}.conversation-list>div:last-child{max-height:120px;display:flex;overflow-x:auto}.conversation{max-width:240px;min-width:240px;padding:12px;min-height:98px;max-height:110px}.conversation strong{font-size:12px}.conversation p{font-size:11px}.conversation-tag{font-size:8px}.thread{flex:1;min-height:400px}.thread-head{height:62px;padding:10px 17px}.thread-head .person strong{font-size:14px}.thread-head .person small{font-size:11px}.thread-head select{font-size:11px;max-width:none}.thread-body{padding:20px;min-height:210px}.chat-message{font-size:13px}.reply-form{padding:10px 16px 25px;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.reply-form .btn{height:44px;width:44px}.reply-form textarea{font-size:13px;min-height:46px;height:46px;padding:11px 13px}.reply-form>div>span{bottom:7px;left:19px;font-size:8px}.page-head p{font-size:10px}.page-head .btn{font-size:0}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:10px}.welcome-banner .mini-label{font-size:8px}.stat-label{font-size:10px}.stat-bottom{font-size:8px}.trend{font-size:8px}.chart-summary small{font-size:9px}.legend{font-size:8px}.panel-head .text-button{font-size:9px}.quick-grid strong{font-size:11px}.quick-grid small{font-size:9px}.feed-item p{font-size:10px}.feed-item small,.feed-item time{font-size:9px}.login-story h1{font-size:38px}.list-card h3{font-size:12px}.list-card p{font-size:9px}.list-source{font-size:8px}.price-card li,.price-card>p{font-size:10px}.price-card .btn{font-size:9px}.footer{font-size:8px}.template-card .btn{font-size:11px}}
@media(max-width:430px){.conversation{min-width:220px;max-width:220px}.thread-head{padding-inline:13px;gap:7px}.thread-head .person{gap:7px}.thread-head .avatar{height:30px;width:30px;font-size:11px}.thread-head .person strong{font-size:12px}.thread-head select{font-size:10px;padding:7px}.thread-body{padding:14px}.thread-date{font-size:8px}.chat-message{font-size:12px;max-width:96%}.chat-message time{font-size:9px}.stat-label{font-size:9px}.welcome-banner h2{font-size:18px}.welcome-banner p{font-size:9px}.list-source{display:none}.price-card li{font-size:11px}.price-card .btn{font-size:11px}.page-head h1{font-size:22px}.quick-grid strong{font-size:12px}.quick-grid small{font-size:10px}}

/* Offline engine */
.engine-loading{min-height:100vh;display:grid;place-items:center;font:500 18px system-ui;color:#3390ec;background:#f4f5f7}.engine-bars{display:flex;align-items:flex-end;gap:8px;padding:20px 24px;min-height:210px;overflow:auto}.engine-bars>div{flex:1;min-width:18px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.engine-bars i{display:block;width:100%;max-width:50px;background:var(--accent);border-radius:6px 6px 0 0}.engine-bars span{font-variant-numeric:tabular-nums}.engine-bars small{font-size:9px;white-space:nowrap}.demo-indicator{white-space:nowrap}

.scan-terminal{background:#07110b;color:#65ff91;padding:22px;border-radius:14px;font:13px/1.9 Consolas,monospace;max-height:300px;overflow:auto;border:1px solid #19452a;white-space:pre-wrap}.scan-disclosure{padding:12px;background:#e8f3ff;color:#246da9;border-radius:8px;margin-bottom:12px;font-size:12px}.scan-groups{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}