:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--ink:#172033;--muted:#758096;--line:#e3e7ef;--blue:#2f6fed;--blue2:#245dc9;--nav:#111722;--card:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 30px}.brand div:last-child{display:grid;gap:2px}.brand strong{font-size:17px}.brand span{font-size:11px;color:#8993a6;text-transform:uppercase;letter-spacing:.08em}.logo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:800;color:#fff;background:linear-gradient(145deg,#ffcf6b,#ff9854);box-shadow:0 10px 30px #ff9e5440}.logo.small{width:42px;height:42px;font-size:20px;box-shadow:none}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#9aa4b8;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-align:left}.sidebar nav button svg{width:19px}.sidebar nav button span{flex:1}.sidebar nav button b{background:#2c3444;padding:2px 7px;border-radius:9px;font-size:11px}.sidebar nav button.active{background:#273349;color:#fff}.sidebar nav button.active svg{color:#6da0ff}.owner-card{margin-top:auto;background:#192130;border:1px solid #2a3446;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.owner-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2f6fed;font-weight:700}.owner-card>div:nth-child(2){display:grid;gap:3px;font-size:12px;min-width:0}.owner-card span{display:flex;align-items:center;gap:4px;color:#8f9aae;font-size:10px}.owner-card>button{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:#252f41;color:#aeb8c9;display:grid;place-items:center}.owner-card>button:hover{color:#fff;background:#303c50}.owner-card>button svg{width:15px}.main{grid-column:2;min-width:0}.page{padding:38px 42px 80px;max-width:1440px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{margin:5px 0 0;font-size:28px;letter-spacing:-.03em}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:700;font-size:11px;letter-spacing:.1em}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #2534540a}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button svg{width:17px;height:17px}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue2)}.button.secondary{background:#172033;color:#fff}.button.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.editor-grid{display:grid;grid-template-columns:minmax(500px,1fr) 380px;gap:24px;align-items:start}.composer{padding:24px}.preview-column{position:sticky;top:24px;display:grid;gap:12px}.field{display:grid;gap:7px;margin-bottom:18px}.field label,.publish-card>label{font-size:12px;font-weight:700;color:#536077}.field input,.field select,.field textarea,.publish-card input,.connect-card input{border:1px solid #dce1ea;background:#fbfcfe;border-radius:10px;padding:11px 12px;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.publish-card input:focus,.connect-card input:focus{border-color:#6c98f0;box-shadow:0 0 0 3px #2f6fed13}.channel-select select{font-weight:600}.format-toolbar{display:flex;gap:3px;background:#f5f7fa;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:6px}.format-toolbar button{border:0;background:transparent;width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:#5b6578}.format-toolbar button:hover{background:#fff}.format-toolbar svg{width:16px}.format-toolbar span{width:1px;background:#d9dee7;margin:4px 3px}.text-field{position:relative}.text-field textarea{border-radius:0 0 10px 10px;min-height:190px;resize:vertical;line-height:1.55;margin:0}.counter{position:absolute;right:10px;bottom:8px;font-size:10px;color:#96a0b1;background:#fbfcfe;padding:3px}.content-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f0f3f8;border-radius:11px;padding:4px;margin-bottom:18px}.content-tabs button{border:0;border-radius:8px;background:transparent;color:#778296;padding:9px;display:flex;justify-content:center;align-items:center;gap:6px;font-weight:700}.content-tabs button svg{width:16px}.content-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #25354d12}.poll-editor{padding-bottom:10px}.poll-editor textarea{min-height:75px;resize:vertical}.poll-option{display:grid;grid-template-columns:auto 1fr 34px;gap:8px;align-items:center;margin-bottom:8px}.poll-option>input:not([type=radio]){border:1px solid var(--line);border-radius:9px;padding:10px;width:100%}.poll-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.poll-settings label{display:grid;gap:6px;font-size:11px;font-weight:700}.poll-settings input,.poll-settings select{border:1px solid var(--line);border-radius:9px;padding:10px}.options-grid.compact{margin-top:12px}.template-save{border-top:1px solid var(--line);padding-top:16px;margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.template-save input{border:1px solid var(--line);border-radius:9px;padding:10px}.poll-preview{display:grid;gap:7px;font-size:11px}.poll-preview>strong{margin-bottom:3px}.poll-preview>div{display:flex;align-items:center;gap:7px}.poll-preview i{width:12px;height:12px;border:1px solid #8c9aaa;border-radius:50%}.poll-preview small{color:#8b96a7;margin-top:3px}.media-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 20px}.media-tile,.add-media{flex:0 0 112px;height:88px;border-radius:11px;border:1px dashed #cfd6e2;position:relative;overflow:hidden;background:#f7f9fc}.media-tile img{width:100%;height:100%;object-fit:cover}.media-tile>button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:#101621cc;color:#fff;display:grid;place-items:center}.media-tile>button svg{width:13px}.file-icon{height:100%;display:grid;place-items:center;align-content:center;gap:5px;padding:8px}.file-icon span{font-size:9px;max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-media{display:grid;place-items:center;align-content:center;gap:3px;color:#69758a;cursor:pointer}.add-media svg{width:20px;color:var(--blue)}.add-media strong{font-size:10px}.add-media span{font-size:9px}.add-media input{display:none}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0 12px}.section-title>div{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.section-title svg{width:17px}.section-title>button{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px}.button-row{display:grid;grid-template-columns:25px minmax(90px,1fr) 90px minmax(110px,1.2fr) 54px 82px 32px;gap:7px;margin-bottom:8px}.button-row input,.button-row select{min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:11px}.drag{display:grid;place-items:center;color:#a0a9b8;font-size:11px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;color:#718096}.icon-button svg{width:15px}.icon-button.danger{color:#d04a4a}.options-grid{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.toggle-row,.option-select{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;color:#4f5a6f;font-size:11px}.toggle-row>svg,.option-select>svg{width:16px}.toggle-row>span,.option-select>span{flex:1}.toggle-row input{display:none}.toggle-row i{width:30px;height:17px;border-radius:10px;background:#d8dee8;position:relative}.toggle-row i:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.toggle-row input:checked+i{background:var(--blue)}.toggle-row input:checked+i:after{transform:translate(13px)}.option-select{grid-column:1/-1}.option-select select{border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}.preview-label{display:flex;justify-content:space-between;color:#7b8698;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:0 4px}.telegram-frame{border:1px solid #d7dce5;border-radius:18px;overflow:hidden;background:#d9e2e4;box-shadow:0 8px 30px #27354d16}.tg-header{height:58px;background:#fff;display:flex;align-items:center;gap:9px;padding:9px 14px}.tg-header>svg{margin-left:auto;color:#8993a5;width:20px}.tg-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ffcd69,#ff9654);display:grid;place-items:center;color:#fff;font-weight:800}.tg-header>div:nth-child(2){display:grid}.tg-header strong{font-size:12px}.tg-header span{font-size:9px;color:#8390a4}.tg-chat{min-height:330px;padding:25px 14px;background-color:#d7e3e5;background-image:radial-gradient(#fff5 1px,transparent 1px);background-size:16px 16px}.tg-post{background:#fff;border-radius:10px;padding:7px;max-width:315px;margin:auto;box-shadow:0 2px 5px #3949502e;overflow:hidden}.preview-media{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:-7px -7px 7px}.preview-media.count-1{grid-template-columns:1fr}.preview-media img,.preview-file{width:100%;height:120px;object-fit:cover;background:#e8edf3}.preview-media.count-1 img{height:180px}.preview-file{display:grid;place-items:center;align-content:center;font-size:8px;gap:4px;padding:6px}.preview-file svg{width:25px}.preview-file span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.spoilered{filter:blur(8px)}.more-media{position:absolute}.tg-copy{font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.tg-copy blockquote{margin:4px 0;border-left:2px solid #59a6d9;padding-left:7px}.tg-copy tg-spoiler{background:#aeb6c3;color:transparent;border-radius:3px}.preview-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:7px}.preview-buttons span{background:#e8f1f8;color:#3182b6;font-size:9px;text-align:center;padding:7px;border-radius:5px;font-weight:700}.tg-post footer{display:flex;justify-content:flex-end;gap:8px;font-size:8px;color:#8b96a7;margin-top:4px}.publish-card{padding:18px;display:grid;gap:10px}.publish-card input{margin:0 0 2px}.hint{margin:0;color:#7d8798;font-size:9px;display:flex;align-items:center;gap:5px;justify-content:center}.hint svg{width:13px}.hint.warning{color:#b36d19}.calendar-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.mini-calendar{padding:20px;text-align:center;position:sticky;top:24px}.mini-calendar>svg{color:var(--blue)}.mini-calendar h3{text-transform:capitalize;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-grid b{font-size:9px;color:#9aa4b6;padding:5px}.calendar-grid span{font-size:10px;height:29px;display:grid;place-items:center;border-radius:8px}.calendar-grid .today{background:var(--blue);color:#fff}.timeline{display:grid;gap:25px}.day-group h2{text-transform:capitalize;font-size:16px}.job-card{display:grid;grid-template-columns:60px 1fr 34px;gap:15px;padding:17px;margin-bottom:9px}.job-time{font-weight:800;color:var(--blue);font-size:17px}.job-top{display:flex;justify-content:space-between;gap:10px}.job-body p{margin:6px 0 9px;color:#687488;font-size:12px}.channel-pill{background:#f0f3f8;border-radius:6px;padding:4px 7px;font-size:9px;color:#606b7e}.job-error{font-size:10px;color:#b33d3d;margin-top:9px}.status{display:inline-flex;align-items:center;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap;background:#edf1f6;color:#69758a}.status-active,.status-sent{background:#e4f7ed;color:#28794c}.status-scheduled{background:#e8f0ff;color:#315fbd}.status-needs_rights,.status-partial,.status-retry_wait{background:#fff0d9;color:#a66817}.status-failed,.status-uncertain{background:#fde7e7;color:#b53e3e}.status-cancelled,.status-disabled{background:#edf0f4;color:#7e8795}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.draft-card{padding:17px;display:grid;grid-template-columns:44px 1fr 20px;gap:12px;align-items:center}.draft-icon,.round-icon{width:44px;height:44px;border-radius:12px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center}.draft-icon svg,.round-icon svg{width:20px}.draft-card strong{font-size:13px}.draft-card p{font-size:11px;color:#687488;margin:5px 0}.draft-card span{font-size:9px;color:#98a1b1}.draft-card>svg{color:#adb5c2;width:17px}.settings-grid{display:grid;grid-template-columns:400px 1fr;gap:24px}.connect-card{padding:22px}.section-heading{display:flex;gap:12px;margin-bottom:22px}.section-heading h2{font-size:17px;margin:3px 0}.section-heading p{font-size:11px;color:#778296;margin:5px 0}.check-row{display:flex;gap:9px;margin:15px 0}.check-row span{display:grid}.check-row strong{font-size:11px}.check-row small{font-size:9px;color:#8993a5}.notice{font-size:10px;color:#4f7a5f;background:#e9f7ef;padding:8px;border-radius:8px}.channel-list>h2{font-size:15px}.channel-card{padding:14px;display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;margin-bottom:9px}.channel-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffcd69,#ff9654);color:#fff;display:grid;place-items:center;font-weight:800}.channel-card>div:nth-child(2){display:grid}.channel-card strong{font-size:12px}.channel-card span{font-size:9px;color:#8c96a7}.mode-button{border:0;background:#eef3fb;color:var(--blue);border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.empty{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:#8590a2}.empty svg{width:32px}.empty h3{margin:12px 0 4px;color:#3f4a5e}.empty p{font-size:11px;margin:0}.hero-empty{min-height:60vh}.round-icon.large{width:60px;height:60px;border-radius:17px}.modal-backdrop{position:fixed;inset:0;background:#0d1320a8;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(430px,100%);padding:28px;text-align:center}.modal-icon{width:54px;height:54px;border-radius:50%;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;margin:auto}.modal h2{font-size:20px}.modal p{font-size:12px;line-height:1.6;color:#657084}.modal-actions{display:flex;justify-content:center;gap:9px;margin-top:20px}.toast{position:fixed;z-index:60;right:20px;top:20px;max-width:440px;padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px #0002;font-size:11px}.toast.error{background:#fff0f0;color:#a93636;border:1px solid #f2caca}.toast span{flex:1}.toast button{border:0;background:transparent;color:inherit}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:#7b8597}.mobile-nav{display:none}.draft-card:is(button){border:0;text-align:left;width:100%;cursor:pointer}.template-main{border:0;background:transparent;text-align:left;display:grid;padding:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.metric{padding:20px;display:grid;grid-template-columns:42px 1fr;align-items:center}.metric>div{grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center}.metric svg{width:18px}.metric span{font-size:10px;color:#7b8698}.metric strong{font-size:25px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ranking{padding:20px}.ranking h2{font-size:15px;margin-top:0}.ranking>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.ranking>div b{color:var(--blue)}.ranking>p,.analytics-note{font-size:10px;color:#8490a2}.analytics-note{margin-top:14px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e8f0ff 0,transparent 38%),radial-gradient(circle at 90% 90%,#fff0db 0,transparent 35%),#f4f6fa}.login-card{width:min(430px,100%);padding:38px}.login-card>.logo{margin:0 auto 24px}.login-copy{text-align:center}.login-copy>span{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-copy h1{font-size:27px;margin:8px 0}.login-copy p{color:#758096;font-size:12px;line-height:1.6;margin:0 auto 26px;max-width:320px}.login-card form{display:grid;gap:14px}.login-card form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536077}.login-card input{border:1px solid #dce1ea;background:#fbfcfe;border-radius:10px;padding:12px;outline:none;font-size:14px}.login-card input:focus{border-color:#6c98f0;box-shadow:0 0 0 3px #2f6fed13}.login-card button{margin-top:4px}.login-card button svg{width:16px}.login-error{padding:10px 12px;border:1px solid #f2caca;border-radius:9px;background:#fff0f0;color:#a93636;font-size:11px}.login-card>small{display:flex;justify-content:center;align-items:center;gap:5px;color:#8a94a5;font-size:9px;margin-top:19px}.login-card>small svg{width:13px}@media(max-width:1050px){.editor-grid{grid-template-columns:1fr 340px}.page{padding:30px 26px 70px}.sidebar{width:220px}.app-shell{grid-template-columns:220px 1fr}}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.main{min-height:100vh}.page{padding:22px 14px 95px}.page-header h1{font-size:24px}.header-actions{display:none}.editor-grid,.calendar-layout,.settings-grid{grid-template-columns:1fr}.preview-column{position:static}.composer{padding:17px}.options-grid,.poll-settings,.metric-grid,.analytics-grid,.template-save{grid-template-columns:1fr}.button-row{grid-template-columns:22px 1fr 82px 32px}.button-row input:nth-of-type(2){grid-column:2/5}.button-row .row-number{grid-column:2}.button-row select:nth-of-type(2){grid-column:3/5}.mini-calendar{position:static}.draft-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:#fff;border-top:1px solid var(--line);z-index:30;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#8a94a5;display:grid;place-items:center;gap:2px;font-size:9px}.mobile-nav button svg{width:19px}.mobile-nav button.active{color:var(--blue)}.telegram-frame{max-width:420px;margin:auto}.publish-card{max-width:420px;margin:auto;width:100%}.toast{left:12px;right:12px;top:12px}}.button-builder-empty{margin:0;padding:13px;border:1px dashed #d5dce7;border-radius:10px;background:#f9fafc;color:#7a8699;font-size:10px;line-height:1.5}.button-editor{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:10px;background:#fbfcfe}.button-editor .button-row{grid-template-columns:25px minmax(100px,1fr) 94px minmax(120px,1.2fr) 54px 34px;margin-bottom:0}.button-color-field{display:flex;align-items:center;gap:6px;padding:10px 0 0 32px}.button-color-field>span{color:#69758a;font-size:10px;font-weight:700;margin-right:2px}.button-color-choice{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:5px;color:#586479;font-size:9px;font-weight:700}.button-color-choice i{width:10px;height:10px;border-radius:50%;background:#b9c4d1}.button-color-choice svg{width:11px;height:11px}.button-color-choice.selected{border-color:#97a8bd;box-shadow:0 0 0 2px #23334a0b}.button-color-choice.color-primary i{background:#2f6fed}.button-color-choice.color-success i{background:#32a35a}.button-color-choice.color-danger i{background:#dc4d52}.preview-buttons{display:grid;grid-template-columns:1fr;gap:3px;margin-top:7px}.preview-button-row{display:flex;gap:3px}.preview-button-row .tg-button{flex:1;background:#e8f1f8;color:#3182b6;font-size:9px;text-align:center;padding:7px;border-radius:5px;font-weight:700}.preview-button-row .tg-button.color-primary{background:#3478d4;color:#fff}.preview-button-row .tg-button.color-success{background:#36a65c;color:#fff}.preview-button-row .tg-button.color-danger{background:#dc5055;color:#fff}@media(max-width:820px){.button-editor .button-row{grid-template-columns:22px 1fr 82px 32px}.button-editor .button-row input:nth-of-type(2){grid-column:2/5}.button-editor .button-row .row-number{grid-column:2}.button-color-field{padding-left:0;display:grid;grid-template-columns:repeat(2,1fr)}.button-color-field>span{grid-column:1/-1}.button-color-choice{justify-content:center}}