:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172039;background:#f5f6fa;font-size:16px;--ink:#172039;--muted:#778098;--line:#e7eaf1;--purple:#5357e8;--green:#138568;--red:#c8495c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}a{color:var(--purple);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.25px}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:13px}.boot{padding:100px;text-align:center;color:var(--muted)}.layout{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#111a30;color:#bdc4d7;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;margin:2px 10px 48px}.brandmark{background:var(--purple);width:36px;height:36px;display:grid;place-items:center;font-size:23px;font-weight:800;border-radius:10px}.brand strong{letter-spacing:3px;font-size:20px}.brand small{display:block;font-size:12px;color:#909cb6;margin-top:4px;letter-spacing:.3px}.nav-label{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#65718c;margin:0 14px 12px}.nav-btn{background:transparent;color:#a8b3cb;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 14px;margin-bottom:6px;font-size:14px}.nav-btn:hover{background:#1a263f;color:white}.nav-btn.active{background:#2b315f;color:#e1e3ff}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid #263149;padding:22px 8px 0;font-size:13px;line-height:1.8}.sidebar-bottom strong{color:#e1e5ef;font-weight:500}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:12px}.breadcrumb{font-size:14px;color:#778098}.breadcrumb b{font-weight:500;color:var(--ink)}.top-right{display:flex;align-items:center;gap:14px;font-size:13px}.avatar{border-radius:50%;width:32px;height:32px;background:#eeeffd;color:#6564be;display:grid;place-items:center;font-size:12px;font-weight:700}.demo-pill{background:#fff5dc;color:#91651c;border:1px solid #f0dfa9;border-radius:6px;padding:6px 9px;font-size:12px}.content{padding:32px 36px 48px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:25px}.subhead{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;min-height:42px;border-radius:8px;background:#fff;border:1px solid #dce0e9;color:#34405b;font-size:14px;font-weight:500;white-space:nowrap}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 3px 6px #5357e812}.btn.primary:hover{background:#4146d1}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red);background:#fff1f3;border-color:#f8d9e0}.btn.small{min-height:32px;padding:6px 9px;font-size:13px}.banner{display:flex;gap:12px;padding:12px 16px;border:1px solid #dfe4ff;background:#eef0ff;color:#5a628e;font-size:13px;line-height:1.5;border-radius:8px;margin-bottom:24px}.banner.warn{background:#fff8e9;border-color:#f2e0b9;color:#8a6a2f}.filters{display:flex;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:20px}.field>label,.label{font-size:14px;font-weight:500;display:block;margin-bottom:2px}.field small{line-height:1.5}.input,select,textarea{background:#fff;color:#27314b;border:1px solid #dce1eb;border-radius:7px;padding:10px 12px;min-height:42px;font-size:14px;max-width:100%}select{padding-right:28px}input[type="date"]{font-size:13px}textarea{width:100%;line-height:1.6;resize:vertical}.search{position:relative;min-width:200px;flex:1}.search .icon{position:absolute;left:12px;top:12px;color:#8a94aa;width:17px;height:17px}.search input{width:100%;padding-left:38px}.segmented{display:flex;background:#eaeef5;padding:3px;border-radius:8px;gap:2px}.segmented button{padding:7px 11px;font-size:13px;background:none;border-radius:5px;color:#647089}.segmented button.active{background:white;box-shadow:0 1px 3px #17203916;color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 22px;position:relative}.kpi-title{display:flex;align-items:center;justify-content:space-between;color:#69748d;font-size:14px;gap:10px}.kpi-title .icon{color:#949dc1}.kpi-value{font-size:31px;font-weight:650;letter-spacing:-1px;margin:16px 0 10px}.kpi-foot{font-size:12px;color:#8991a3;min-height:18px}.positive{color:var(--green)}.negative{color:var(--red)}.kpi-foot .positive,.kpi-foot .negative{font-weight:600;margin-right:6px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:22px}.card-pad{padding:23px}.card-head{padding:22px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.card-head h2{margin-bottom:7px}.chart-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px}.chart-wrap{padding:22px 22px 8px;min-width:0}.chart-svg{width:100%;height:210px;display:block}.chart-svg text{fill:#929aae;font-family:inherit;font-size:11px}.chart-legend{display:flex;gap:18px;font-size:12px;color:#788198;padding:0 26px 18px;align-items:center}.line-key{width:17px;height:3px;background:var(--purple);display:inline-block;margin-right:5px;vertical-align:middle}.chart-aside{border-left:1px solid var(--line);padding:28px 24px}.aside-stat{padding:0 0 23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.aside-stat:last-child{border:0;padding-bottom:0;margin-bottom:0}.aside-stat span{font-size:13px;color:var(--muted);display:block;margin-bottom:9px}.aside-stat strong{font-size:23px;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:left;font-size:12px;color:#8790a3;font-weight:500;padding:14px 22px;background:#fafbfe;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #edf0f5}tr:last-child td{border:0}.number{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:#fafbff}.total-row{background:#f5f6fd;font-weight:600}.channel-cell{display:flex;align-items:center;gap:12px}.channel-cell small{display:block;margin-top:5px;font-size:12px}.channel-avatar{width:34px;height:34px;border-radius:9px;background:#eff0fe;color:#6469cd;display:grid;place-items:center;font-size:12px;font-weight:700}.channel-avatar.chat{background:#e6f3ef;color:#208b72}.tag{display:inline-block;background:#f1f3fa;border:1px solid #e7eaf3;color:#6a7291;padding:4px 7px;border-radius:5px;font-size:12px;margin:2px}.tag.green{background:#e9f6f1;border-color:#d8ece3;color:#24886c}.tag.purple{background:#eeefff;border-color:#e2e3ff;color:#6764bd}.tag.red{background:#fff1f2;border-color:#ffe0e3;color:#c55160}.table-foot{padding:15px 24px;color:#9199ab;font-size:12px;border-top:1px solid var(--line);line-height:1.6}.text-link{background:transparent;color:var(--purple);font-size:14px;padding:2px;cursor:pointer}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:22px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.editor-preview{position:sticky;top:24px}.telegram-preview{padding:24px 18px;background:#e5eaf1;border-radius:10px;border:1px solid #dce2ed;min-height:280px}.preview-caption{text-transform:uppercase;letter-spacing:1.2px;color:#8b95a8;font-size:11px;text-align:center;margin-bottom:18px}.message{background:white;padding:16px;border-radius:10px 10px 10px 2px;box-shadow:0 2px 6px #14274f08}.message-title{font-size:13px;color:#655dcc;font-weight:600;margin-bottom:10px}.message-text{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message-photo{width:100%;border-radius:6px;margin-bottom:12px;max-height:220px;object-fit:cover}.message-time{text-align:right;color:#a3aabc;font-size:11px;margin-top:10px}.keyboard-row{display:flex;gap:4px;margin-top:5px}.tg-button{padding:12px 7px;background:#fcfdffdc;color:#4e68a4;border-radius:5px;text-align:center;font-size:13px;flex:1;overflow-wrap:anywhere}.preview-note{font-size:12px;line-height:1.7;color:#7c879d;margin-top:15px}.preview-source{border:1px solid #e4e7f1;background:#fff;padding:16px;border-radius:8px;margin-top:16px;font-size:13px;line-height:1.8}.preview-source code{font-size:12px;color:#6461c2;background:#f2f1ff;padding:3px 5px;border-radius:4px}.button-editor{border:1px solid var(--line);background:#fafbfe;border-radius:8px;padding:14px;margin:12px 0}.button-fields{display:grid;grid-template-columns:1fr 1fr 90px 30px;gap:9px;align-items:end}.button-fields label{font-size:12px;display:block;color:#7e889e;margin-bottom:7px}.button-fields input,.button-fields select{width:100%}.button-url{margin-top:10px;width:100%}.remove{background:transparent;color:#ac6473;font-size:21px;height:42px}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-line h2{margin:0}.checkbox-row{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px}.checkbox-row input,input[type="checkbox"]{width:17px;height:17px;accent-color:var(--purple);flex-shrink:0}.pick-list{max-height:290px;overflow:auto;margin-top:8px}.pick-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f5;padding:12px 6px;font-size:14px}.pick-item small{margin-left:auto;font-size:12px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{padding:7px 11px;border:1px solid #dfe3ed;border-radius:6px;background:white;font-size:13px;color:#748098}.pill.active{border-color:#b9baf1;color:#5357d7;background:#f1f1ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.empty{padding:42px 20px;text-align:center;color:#8a92a6;font-size:14px;line-height:1.8}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;white-space:normal}.link-box{padding:12px;background:#f6f7fb;border:1px solid #e5e8f0;border-radius:6px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.progress-line{height:4px;background:#eceef7;border-radius:4px;width:100px;margin-top:8px;overflow:hidden}.progress-line i{display:block;height:100%;background:#7773df}.muted-note{font-size:13px;line-height:1.7;color:#8690a4}.step{display:flex;gap:14px;margin:24px 0;font-size:14px;line-height:1.7}.step-num{width:28px;height:28px;border-radius:50%;background:#edefff;color:var(--purple);display:grid;place-items:center;flex-shrink:0;font-size:13px}.step strong{display:block;margin-bottom:5px}.step p{color:#7a849a;margin:0}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{font-size:12px;line-height:1.8;background:#151f34;color:#d7e0f5;padding:18px;border-radius:8px;overflow:auto}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:680px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 25px 80px #111a3033}dialog::backdrop{background:#111a3077;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-head h2{margin:0}.modal-body{padding:25px}.modal-foot{padding:18px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:white}.close{font-size:25px;color:#8790a4;background:none;line-height:1}.review-item{border:1px solid #e1e5ef;border-radius:8px;padding:15px;margin-bottom:12px}.review-item p{font-size:14px;line-height:1.6;white-space:pre-wrap}.review-item .link-box{margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1a2540;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 8px 35px #111a3030;display:none;max-width:min(620px,90vw);font-size:14px;line-height:1.6;z-index:2000}#toast.error{background:#9e3246}.login{width:min(420px,calc(100vw - 40px));margin:12vh auto;padding:30px;background:white;border:1px solid var(--line);border-radius:12px}.login h1{font-size:24px}.login .btn{width:100%}.mobile-brand{display:none}.daily-toggle{margin-bottom:16px}.caption-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#99a0b1;font-size:12px}.url-cell{max-width:310px;white-space:normal;word-break:break-word}.status-note{font-size:12px;color:#76819a;margin-top:10px;line-height:1.7}
@media(min-width:1450px){.content{padding-left:44px;padding-right:44px}.kpi-value{font-size:36px}.chart-svg{height:240px}}
@media(max-width:1150px){.layout{grid-template-columns:190px 1fr}.sidebar{padding:26px 12px}.brand{margin-left:7px}.content{padding:26px 24px}.topbar{padding:0 24px}.kpis{gap:10px}.kpi{padding:18px 15px}.kpi-value{font-size:27px}.chart-grid{grid-template-columns:minmax(0,1fr) 190px}.chart-aside{padding:25px 19px}.editor-grid{grid-template-columns:minmax(0,1fr) 280px}.button-fields{grid-template-columns:1fr 1fr}.button-fields .remove{justify-self:end}.split{grid-template-columns:1fr}}
@media(max-width:850px){.layout{display:block}.sidebar{height:auto;position:relative;padding:13px 18px;flex-direction:row;align-items:center;gap:12px;overflow-x:auto}.brand{margin:0 18px 0 0;flex-shrink:0}.brand small,.nav-label,.sidebar-bottom{display:none}.brand strong{font-size:16px}.brandmark{height:30px;width:30px;font-size:20px}.sidebar nav{display:flex;gap:5px}.nav-btn{width:auto;white-space:nowrap;margin:0;padding:10px;font-size:13px}.nav-btn .icon{width:17px}.topbar{height:58px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.editor-preview{position:static;max-width:420px}.page-head{flex-wrap:wrap}.chart-grid{grid-template-columns:1fr}.chart-aside{display:flex;gap:30px;border-left:0;border-top:1px solid var(--line);padding:18px 24px}.aside-stat{border:0;margin:0;padding:0}.content{padding:24px 18px}.chart-svg{height:185px}.card-head{padding:20px 18px 0}.chart-wrap{padding-left:12px;padding-right:12px}.card-pad{padding:19px}}
@media(max-width:500px){h1{font-size:25px}.content{padding:20px 13px}.topbar{padding:0 15px}.breadcrumb{font-size:12px}.top-right .avatar{display:none}.brand strong{display:none}.brand{margin-right:4px}.sidebar{padding:10px}.nav-btn{font-size:12px}.kpi-title{font-size:12px}.kpi-value{font-size:27px}.kpi-foot{font-size:11px}.kpi-title .icon{width:16px}.form-grid{grid-template-columns:1fr}.filters{gap:8px}.filters .input,.filters select{min-width:0;max-width:100%}.page-head .btn{font-size:13px}.chart-aside{gap:22px}.aside-stat strong{font-size:20px}.modal-body{padding:18px}.modal-head,.modal-foot{padding:18px}.segmented button{padding:7px 9px}.top-right{gap:0}}