:root{--ink:#202639;--muted:#8793a7;--line:#e9edf4;--brand:#4165e8;--canvas:#f5f7fd;--nav:#171b2a;--shadow:0 8px 34px rgba(25,45,86,.05)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:236px;min-width:236px;background:linear-gradient(180deg,#1e2232,#151927);color:#a9b3c9;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:25px 24px 29px;color:#fff}.brand-mark,.logo-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:25px;font-weight:900;background:linear-gradient(135deg,#6380ff,#8a58ef);color:white;box-shadow:0 6px 16px #4053b04d}.brand b{font-size:17px;letter-spacing:.5px}.brand small{font-size:9px;color:#7483a6;letter-spacing:2.2px;display:block;margin-top:5px}.nav-group{padding:5px 12px 15px}.nav-title{text-transform:uppercase;font-weight:650;font-size:11px;color:#616f8f;padding:12px 14px 9px;letter-spacing:1.2px}.nav-link{appearance:none;border:0;background:transparent;color:#a9b2cb;display:flex;gap:13px;align-items:center;padding:12px 15px;width:100%;border-radius:8px;text-align:left;font-size:13px;transition:.18s}.nav-link span{font-size:18px;color:#7787a5;min-width:18px;text-align:center}.nav-link:hover{background:#272e45;color:#fff}.nav-link.active{background:#28416c;color:#ddecff;box-shadow:inset 3px 0 #638afa}.nav-link.active span{color:#7eabff}.side-bottom{margin-top:auto;border-top:1px solid #2d3242;padding:16px 12px 21px}.side-status{font-size:11px;color:#7d8ca8;padding:6px 14px 14px}.side-status i{display:inline-block;width:7px;height:7px;background:#34bf8c;border-radius:50%;margin-right:8px}.workspace{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #e5eaf4;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-left{font-size:13px;color:#75849c}.top-right{display:flex;align-items:center;gap:19px}.pill{border:1px solid #e5eaf7;background:#f8faff;padding:8px 14px;border-radius:30px;font-size:11px;color:#6379ac}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#e6ecff;border-radius:50%;color:#4262ce;font-weight:700}.main{max-width:1450px;padding:30px 36px 42px;margin:auto}.footer{text-align:center;color:#a3afc2;padding-bottom:28px;font-size:11px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h1{margin:0;font-size:23px;letter-spacing:-.3px;font-weight:750}.section-head p{color:#8490a5;font-size:13px;margin:8px 0 0}.hero{padding:30px 34px;border-radius:16px;color:white;background:radial-gradient(circle at 74% 11%,#394a83 0,transparent 27%),radial-gradient(circle at 17% 83%,#43428a 0,transparent 35%),linear-gradient(110deg,#171c35,#19253d 75%,#202a49);min-height:171px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#adbdfb77 0.7px,transparent 1px);background-size:35px 35px;opacity:.28;pointer-events:none}.hero h2{font-size:21px;margin:0 0 10px}.hero-stat{display:flex;gap:39px;margin-top:22px}.hero-stat strong{font-size:27px;font-weight:800}.hero-stat small{display:block;opacity:.65;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{border-radius:14px;padding:24px 21px;min-height:132px;color:white;position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat:after{content:"";width:110px;height:110px;border-radius:50%;position:absolute;right:-37px;top:-28px;background:#ffffff16}.stat .label{font-size:13px;opacity:.83}.stat strong{display:block;font-size:29px;margin:19px 0 5px;font-weight:800}.stat small{font-size:11px;opacity:.75}.violet{background:linear-gradient(115deg,#6256cf,#7951a8)}.rose{background:linear-gradient(115deg,#dc548e,#d94373)}.amber{background:linear-gradient(115deg,#f1b95c,#d27a4e)}.cyan{background:linear-gradient(115deg,#26b9bf,#267faf)}.green{background:linear-gradient(115deg,#28ba93,#207e67)}.paper{background:white;border:1px solid #edf0f6;border-radius:13px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.paper h3{margin:0 0 19px;font-size:16px}.paper-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:19px}.paper-heading h3{margin:0}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:18px}.mini-bars{height:193px;display:flex;gap:18px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 22px 0}.bar-col{text-align:center;flex:1;color:#98a2b9;font-size:11px}.bar{height:var(--h);width:min(100%,52px);border-radius:5px 5px 0 0;background:linear-gradient(#678dff,#dbe4ff);margin:0 auto 10px;min-height:3px}.bar-col span{display:block;padding-bottom:8px}.notice{background:#f5f8ff;border-left:3px solid #708ef5;border-radius:5px;color:#62769d;padding:14px 16px;margin:15px 0;line-height:1.7;font-size:12px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar input{max-width:250px}.btn{border:1px solid #dce4f4;border-radius:8px;padding:10px 17px;font-size:12px;background:#fff;color:#50658e;transition:.18s;min-height:38px}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 3px 12px #4766da2d}.btn.ghost{background:#f7f9fd}.btn.danger{background:#fff0f1;color:#c64d63;border-color:#ffdde2}.btn.tiny{padding:6px 10px;min-height:28px;margin:2px}.btn.block{width:100%}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:610px}th{background:#f8faff;font-size:11px;color:#8e9bb1;text-transform:uppercase;letter-spacing:.4px;text-align:left;font-weight:650;padding:15px 13px;white-space:nowrap}td{padding:15px 13px;border-bottom:1px solid #edf0f6;color:#455069}tbody tr:hover{background:#fcfdff}tbody tr:last-child td{border-bottom:0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag{padding:5px 9px;border-radius:30px;font-size:11px;white-space:nowrap;background:#eef2ff;color:#5171bf}.tag.ok{background:#e6f8f1;color:#159772}.tag.wait{background:#fff4de;color:#c0871a}.tag.bad{background:#ffeaf0;color:#d25472}.muted{color:#95a2b7}.empty{text-align:center;padding:36px 10px;color:#9aa6ba}.pagination{display:flex;justify-content:end;align-items:center;gap:11px;color:#99a5bc;padding-top:14px;font-size:12px}.pagination button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 10px}input,select,textarea{border:1px solid #dfe5f0;border-radius:8px;background:#fff;outline:none;color:#26344b;padding:11px 12px;width:100%;transition:.2s;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6987f5;box-shadow:0 0 0 3px #6686f213}label{display:block;font-size:12px;font-weight:600;color:#506079;margin-bottom:15px}label input,label select,label textarea{display:block;margin-top:7px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.settings-width{max-width:780px}.checkbox-line{display:flex;align-items:center;gap:8px;margin:14px 0}.checkbox-line input{width:auto;margin:0}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#0c152d96;z-index:20;padding:15px}.modal-card{width:min(540px,100%);max-height:92vh;overflow:auto;border-radius:15px;background:white;box-shadow:0 24px 80px #101e4f50}.modal-card header{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 15px;font-size:18px}.modal-card form{padding:0 25px 25px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:11px;border-top:1px solid var(--line)}.xbtn{background:transparent;border:0;color:#8896ad;font-size:19px}.error{color:#d94363;font-size:12px;margin-top:14px}.login-screen{position:fixed;inset:0;background:radial-gradient(circle at 80% 15%,#394d81,#10192d 60%);display:grid;place-items:center;padding:15px}.login-card{width:min(424px,100%);background:#fff;border-radius:16px;padding:38px;box-shadow:0 30px 95px #07102f8a}.login-card .logo-icon{margin-bottom:20px}.login-card h1{margin:0 0 10px;font-size:24px}.login-card p{font-size:13px;color:#929db1;margin-bottom:28px}.login-card .muted{font-size:11px;display:block;text-align:center;margin-top:17px}#toast{position:fixed;bottom:30px;right:30px;z-index:30;background:#1f2a49;color:#fff;padding:13px 21px;border-radius:9px;box-shadow:0 9px 26px #061c4240;max-width:340px;transform:translateY(100px);opacity:0;transition:.3s}#toast.show{opacity:1;transform:none}.mobile-menu{display:none;border:0;background:transparent;font-size:18px;color:#4962a4;margin-right:10px}@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:740px){.sidebar{position:fixed;left:-245px;z-index:15;transition:.2s;box-shadow:10px 0 30px #0b183845}.sidebar.open{left:0}.topbar{padding:0 18px;height:62px}.main{padding:22px 14px}.mobile-menu{display:inline-block}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:117px;padding:16px}.stat strong{font-size:23px}.hero{padding:22px;min-height:165px}.hero-stat{gap:18px}.hero-stat strong{font-size:19px}.hero-right{display:none}.section-head{align-items:flex-start}.section-head h1{font-size:20px}.paper{padding:15px}.pill{display:none}.form-grid{grid-template-columns:1fr}.modal-card header{padding:17px 18px 10px}.modal-card form{padding:0 18px 18px}}

/* v2.3: Clean administrative UI, no marketing copy. */
.brand{padding-bottom:23px}.hero h2{margin-bottom:0}.hero-stat{margin-top:19px}.hero{min-height:158px}.section-head{margin-bottom:19px}

/* v3.4: balanced responsive workspace, readable data tables and flexible form layout. */
.app-shell{min-width:0}.workspace{min-width:0;width:calc(100% - 245px)}
.main{max-width:1540px;width:100%;padding:28px clamp(16px,2.2vw,34px) 46px}
.paper{min-width:0}.paper-heading{gap:10px}.stats{gap:14px}.stat{min-width:0;padding:19px;min-height:122px}.stat strong{font-size:clamp(18px,2vw,27px);overflow-wrap:anywhere}
.table-wrap{border:1px solid #eef1f6;border-radius:9px}table{min-width:650px}td{vertical-align:middle;line-height:1.55}
.modal-card{max-width:calc(100vw - 30px)}.account-data{max-height:48vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6fb;border:1px solid #e1e6f1;padding:16px;border-radius:10px;line-height:1.65}
.filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(160px,2fr) minmax(130px,1fr) minmax(130px,1fr) auto auto;gap:10px;align-items:center}.filters input{max-width:none}.filters .btn{white-space:nowrap}
@media(max-width:1250px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .btn{width:100%}}
@media(max-width:740px){.workspace{width:100%}.main{padding:16px 12px 30px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}.stat{padding:14px;min-height:100px}.stat strong{font-size:19px}.split{grid-template-columns:minmax(0,1fr)}.hero-stat{gap:12px}.hero-stat strong{font-size:19px}}


.hero-stat{flex-wrap:wrap;column-gap:clamp(18px,3vw,38px);row-gap:16px}.hero-stat div{min-width:94px}
@media(max-width:740px){.hero-stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.7: editable Telegram reply keyboard */
.kb-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr);gap:18px}
.kb-editor-list{min-width:0}.kb-editor-item{border:1px solid #e0e7f2;border-radius:11px;padding:14px 16px;margin-bottom:12px;background:#fbfcff}
.kb-editor-title{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:9px}.kb-editor-title b{font-size:12px}
.kb-editor-fields{display:grid;grid-template-columns:110px repeat(2,minmax(0,1fr));gap:9px}.kb-editor-fields label{margin:0}
.kb-editor-fields input{min-width:0}.kb-editor-fields input[data-kb-field="icon"]{text-align:center;font-size:17px}
.kb-preview-sticky{align-self:start;position:sticky;top:15px;padding:14px;background:#f4f7fd;border-radius:12px}
.kb-preview-sticky h3{margin:13px 0 8px;font-size:13px}.kb-preview{padding:14px;background:linear-gradient(140deg,#d7e9d0,#c5e6d6);border:1px solid #c2dbc1;border-radius:10px}
.kb-preview-row{display:flex;gap:7px;margin-bottom:7px}.kb-preview-row:last-child{margin-bottom:0}
.kb-preview-row span{flex:1;min-width:0;text-align:center;background:#fff;padding:11px 6px;border-radius:9px;font-size:12px;overflow-wrap:anywhere;box-shadow:0 1px 1px #849c8430}
@media(max-width:1050px){.kb-editor-grid{grid-template-columns:1fr}.kb-preview-sticky{position:static}}
@media(max-width:650px){.kb-editor-fields{grid-template-columns:1fr 1fr}.kb-editor-fields label:first-child{grid-column:span 2}.kb-editor-item{padding:11px}}

/* v3.7.1: one-click official-bot control in current-status panel */
.bot-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.bot-status-actions .btn{min-width:108px}
