:root{color-scheme:dark;--bg:#0c0e16;--surface:#151823;--surface2:#1c2030;--line:#2b3041;--text:#f3f4fa;--muted:#a0a7be;--primary:#b49aff;--mint:#8be0be;--red:#ff9baf;--amber:#f4d18d;font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.has-modal{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--primary);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,4vw,34px);line-height:1.2;letter-spacing:-1px;font-weight:700}h2{font-size:18px;line-height:1.3;letter-spacing:-.3px}h3{font-size:15px}p{color:var(--muted)}small{font-size:12px;color:var(--muted)}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:2px;font-weight:750;color:var(--text)}.brand img{width:33px;height:33px}.brand small{display:block;letter-spacing:1px;font-size:10px;font-weight:550}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--primary);text-transform:uppercase;font-weight:700}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.stack.small{gap:9px}.grow{flex:1;min-width:0}.spaced{margin-top:24px}.gap{margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:25px}.page-head p{margin-top:8px;max-width:620px}.panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0}.panel .panel{background:var(--bg)}.button{border:1px solid var(--line);border-radius:12px;min-height:46px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--surface2);color:var(--text);font-weight:650;line-height:1.3;text-align:center}.button:hover:not(:disabled){filter:brightness(1.12)}.button.primary{background:var(--mint);color:#092318;border-color:transparent}.button.accent{background:var(--primary);color:#22183c;border-color:transparent}.button.danger{background:#482630;color:#ffb3c1;border-color:#74404e}.button.ghost{background:transparent;color:var(--muted)}.button.text{padding:5px 0;min-height:32px;border:0;background:none;color:var(--primary)}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:5px 8px;background:#262b3b;color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}.badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.badge.positive{color:var(--mint);background:#1c352f}.badge.negative{color:var(--red);background:#3a2532}.badge.warning{color:var(--amber);background:#3b3426}.notice{padding:14px 16px;border:1px solid #3f3557;border-radius:13px;background:#201b30;color:#d4c5f3;font-size:13px}.notice.warning{color:var(--amber);border-color:#55452f;background:#292319}.notice.error{color:var(--red);border-color:#623442;background:#2a1c27}.notice.success{color:var(--mint);border-color:#2c5145;background:#162b25}.empty{padding:35px 16px;text-align:center;display:grid;justify-items:center;gap:10px}.empty>.icon{color:var(--primary);width:30px;height:30px;margin-bottom:5px}.empty p{font-size:13px;max-width:380px}.metric{font-size:32px;font-weight:720;letter-spacing:-1px;line-height:1.25}.metric small{font-size:13px;letter-spacing:0;font-weight:500}.progress{height:6px;border-radius:8px;overflow:hidden;background:#2b3040;margin:12px 0}.progress i{display:block;height:100%;background:var(--primary);border-radius:8px}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.kv:last-child{border:0}.kv>span:first-child{color:var(--muted)}.kv>span:last-child{text-align:right;overflow-wrap:anywhere}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tile{padding:16px;background:var(--surface2);border-radius:14px;min-width:0}.tile strong{display:block;font-size:23px;letter-spacing:-.7px;margin:9px 0 3px}.tile small{display:block}.avatar{width:43px;height:43px;background:#302740;border:1px solid #594771;border-radius:13px;color:#d8c9ff;display:flex;align-items:center;justify-content:center;flex:none;font-weight:700}.person-name{font-size:14px;font-weight:650;overflow-wrap:anywhere}.item{display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);padding:16px 0;width:100%;text-align:left}.item:last-child{border:0}.item .body{flex:1;min-width:0}.item strong,.item small{display:block}.item small{margin-top:4px;overflow-wrap:anywhere}.item .badge{align-self:center}.item>.icon:last-child{color:var(--muted);width:16px}.item:hover .person-name{color:var(--mint)}.item-icon{width:40px;height:40px;border-radius:12px;background:#252a3a;color:var(--primary);display:grid;place-items:center;flex:none}.tabs{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-bottom:22px;scrollbar-width:none}.tabs button{flex:none;background:none;border:0;border-radius:9px;color:var(--muted);padding:10px 15px;font-size:13px;font-weight:650}.tabs button.active{background:#343049;color:#e0d5ff}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 11px;color:var(--muted);font-size:12px}.chips button.active{background:#342b48;border-color:#756194;color:#e0d2ff}.field{display:grid;gap:8px;margin-bottom:17px}.field>span{font-size:12px;color:var(--muted);font-weight:600}input,select,textarea{border:1px solid var(--line);border-radius:11px;padding:12px 13px;min-width:0;width:100%;color:var(--text);background:#0f121d;outline:none}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#757e98}input:focus,textarea:focus,select:focus{border-color:var(--primary)}input[readonly]{background:#202433}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help{font-size:12px;color:var(--muted);margin:9px 0 18px}.form-error{color:var(--red);font-size:13px;padding:0 24px 20px;white-space:pre-wrap}.form-error:empty{padding:0}.inline-error{color:var(--red);font-size:12px;margin:8px 0}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:0 12px;background:#10131d}.search-field>.icon{color:var(--muted)}.search-field input{border:0;background:none;min-height:45px;padding-left:0}.search-field input:focus{outline:none}.field-hint{display:block;font-size:11px;color:var(--muted);margin-top:5px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#0009;padding:24px;backdrop-filter:blur(6px)}.sheet{width:min(100%,520px);max-height:calc(100dvh - 50px);overflow:auto;background:var(--surface);border:1px solid #3a4055;border-radius:23px;box-shadow:0 25px 100px #0009}.sheet-header{padding:23px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;background:var(--surface);z-index:1}.sheet-header h2{font-size:21px}.sheet-body{padding:0 24px 20px;overflow-wrap:anywhere}.sheet-body .notice{margin-bottom:16px}.sheet-footer{border-top:1px solid var(--line);padding:18px 24px;display:flex;gap:12px;justify-content:flex-end}.sheet-footer>.button{flex:1}.sheet .icon-button{width:33px;height:33px}.secret{display:block;padding:16px;border:1px dashed #5b4b75;background:#1d1c2e;border-radius:12px;color:#d7c4ff;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;margin:13px 0;user-select:all}.review-line{padding:13px 0;border-bottom:1px solid var(--line)}.review-summary{font-size:16px;line-height:1.7;white-space:pre-wrap}.danger-zone{margin-top:24px;padding-top:20px;border-top:1px solid #54313e}.danger-zone p{font-size:12px;margin-bottom:12px}details{border-top:1px solid var(--line);padding:18px 0}details>summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between}details>summary:after{content:'пј‹';color:var(--muted)}details[open]>summary:after{content:'в€’'}details .action-grid{margin-top:17px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid .button{justify-content:flex-start;min-height:49px;font-size:12px;padding:11px}.demo-banner{padding:8px 16px;text-align:center;background:#3a3022;color:#f4d18d;font-size:11px}.offline-banner{display:none;padding:10px;background:#462b38;color:var(--red);text-align:center;font-size:12px}body.offline .offline-banner{display:block}#toast{position:fixed;z-index:200;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);width:max-content;background:#e8edf4;color:#171c29;border-radius:12px;padding:13px 18px;font-size:13px;box-shadow:0 10px 30px #0005;opacity:0;pointer-events:none;transition:.18s}#toast.visible{opacity:1;transform:translate(-50%,0)}.locked{min-height:100dvh;max-width:420px;margin:auto;padding:50px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:22px}.locked img{width:66px}.locked p{font-size:14px}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--muted)}.boot img{width:55px}.skeleton{height:150px;border-radius:20px;background:linear-gradient(100deg,#171b28 25%,#23283a 50%,#171b28 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton.short{height:70px}.error-panel{padding:35px 24px}.error-panel .button{margin-top:20px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.chat{display:flex;flex-direction:column;gap:14px;padding:10px 0 25px}.bubble{padding:13px 16px;background:#252b3e;border-radius:16px 16px 16px 4px;max-width:88%;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.bubble.admin{align-self:flex-end;background:#3a3153;border-radius:16px 16px 4px 16px}.bubble small{display:block;margin-top:7px;font-size:10px;color:#abb2ca}.composer{border-top:1px solid var(--line);padding-top:17px}.composer textarea{min-height:90px;margin-bottom:10px}.composer .row{justify-content:space-between}.composer small{max-width:220px;font-size:11px}.timeline{display:grid;gap:0}.timeline .item{align-items:flex-start}.timeline .item small{font-size:11px}.support-entry{display:flex;align-items:center;gap:16px;padding:20px;background:#151e23;border:1px solid #2e4743;border-radius:19px;width:100%;color:var(--text);text-align:left}.support-entry .item-icon{background:#243b34;color:var(--mint)}.support-entry strong{display:block;font-size:15px}.support-entry p{font-size:12px;margin-top:3px}.support-entry>.icon:last-child{margin-left:auto;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#10131ef2;backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;border-radius:11px;padding:8px 2px;background:none;color:#959eb8;font-size:10px}.bottom-nav button.active{color:var(--mint);background:#20322d}.bottom-nav .icon{width:21px;height:21px}.back{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;margin-bottom:20px;min-height:30px;background:none;color:var(--muted);font-size:12px}.back .icon{width:15px}.step{display:flex;gap:15px;padding:17px 0}.step>b{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:#353047;color:#dccfff}.step p{margin-top:5px;font-size:13px}.tagline{font-size:12px;color:var(--muted)}.client-shell{max-width:780px;margin:auto;padding:23px 23px calc(110px + env(safe-area-inset-bottom))}.client-shell .topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.client-shell .bottom-nav{left:50%;transform:translateX(-50%);width:min(100%,780px)}.balance-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);display:flex;gap:8px;align-items:center;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:600}.balance-chip .icon{width:15px;height:15px;color:var(--primary)}.greeting{margin-bottom:22px}.greeting p{font-size:13px;margin-bottom:7px}.greeting h1{font-size:28px}.subscription-card{border:1px solid #514668;border-radius:22px;padding:23px;background:linear-gradient(135deg,#262238,#171b29);overflow:hidden}.subscription-card .eyebrow{font-size:10px}.subscription-card h2{font-size:22px;margin-top:8px}.subscription-card .metric{margin:23px 0 3px}.subscription-card .button{margin-top:19px}.subscription-card .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:21px}.stats-row>div{min-width:0}.stats-row small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.stats-row strong{font-size:13px;display:block}.trial-card{padding:23px;border:1px solid #5b4c79;border-radius:22px;background:#211c31}.trial-card h2{font-size:25px;line-height:1.25;margin:14px 0 10px;max-width:290px}.trial-card p{font-size:13px;max-width:420px}.trial-card .trial-perks{display:flex;gap:17px;margin:21px 0;color:#e4d9fb;font-size:12px}.trial-card .trial-perks span{display:flex;gap:7px;align-items:center}.trial-card .icon{width:17px}.home-tools{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tool-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;padding:17px;display:flex;flex-direction:column;gap:13px}.tool-card .icon{color:var(--primary)}.tool-card strong{font-size:13px}.tool-card small{font-size:11px}.client-section{margin-top:27px}.client-section .section-head{margin-bottom:13px}.client-section .section-head h2{font-size:16px}.sub-list-card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px;color:var(--text);text-align:left}.sub-list-card .section-head{margin-bottom:14px}.sub-list-card .section-head strong{font-size:14px}.sub-list-card .progress{margin:14px 0 8px}.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.plan-card{padding:21px;border:1px solid var(--line);border-radius:19px;background:var(--surface);display:flex;flex-direction:column;gap:16px}.plan-card .metric{font-size:30px}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--muted);font-size:12px}.plan-card li:before{content:none}.plan-card .button{margin-top:auto}.client-shell .wallet-hero{padding:27px;border-radius:21px;background:#252139;border:1px solid #504263}.wallet-hero .metric{font-size:39px;margin:9px 0 20px}.profile-card{display:flex;gap:14px;align-items:center}.profile-card h2{margin-bottom:3px}.client-shell .page-head h1{font-size:27px}.client-shell .page-head p{font-size:13px}.admin-shell{min-height:100dvh;padding-left:236px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;border-right:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;background:#0f121b;z-index:40}.sidebar .brand{margin:0 10px 35px}.sidebar .nav-label{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#747e99;padding:20px 14px 10px}.sidebar button{display:flex;align-items:center;gap:12px;background:none;border:0;width:100%;color:#a8b0c6;text-align:left;padding:12px 14px;border-radius:12px;margin:2px 0;font-size:13px;font-weight:550}.sidebar button.active{color:#ddcdff;background:#2c243e}.sidebar button:hover{background:#222737}.sidebar .side-footer{margin-top:auto;border-top:1px solid var(--line);padding:19px 12px 0;color:#7b859e;font-size:11px}.admin-topbar{height:80px;position:sticky;top:0;z-index:25;background:#0c0e16f0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 32px}.global-search{display:flex;align-items:center;gap:11px;width:min(490px,65%);padding:11px 15px;border:1px solid var(--line);background:var(--surface);border-radius:11px;color:var(--muted);font-size:12px;text-align:left}.global-search .icon{width:17px}.admin-main{padding:30px 32px 60px;max-width:1500px;margin:auto}.admin-mobile-nav{display:none}.admin-shell .page-head .row{flex:none}.workspace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.stat-card .metric{margin:13px 0 5px}.stat-card>.row small{font-size:11px}.stat-card .icon{color:var(--primary);width:18px}.stat-card.featured{background:#272139;border-color:#54416d}.queue-card{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.queue-card:last-child{border:0}.queue-card strong{font-size:14px;display:block}.queue-card p{font-size:12px;margin-top:3px}.queue-card .queue-number{font-size:22px;font-weight:700;color:var(--primary);margin-left:auto}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid button{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:16px;color:var(--text);text-align:left;font-size:12px;font-weight:650}.quick-grid .icon{color:var(--mint)}.table-panel{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.table-head,.table-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 1fr 1fr 1fr 20px;gap:17px;padding:18px 21px;align-items:center}.table-head{color:#8a94ad;font-size:10px;letter-spacing:.7px;text-transform:uppercase;background:#10131c}.table-row{width:100%;border:0;border-top:1px solid var(--line);background:none;color:var(--text);text-align:left}.table-row:hover{background:#1d2231}.table-row small{display:block;margin-top:4px;font-size:11px}.table-row .person{display:flex;gap:12px;align-items:center;min-width:0}.table-row .person>div:last-child{min-width:0}.table-row .person-name{overflow-wrap:anywhere}.table-row .person small{overflow-wrap:anywhere}.table-cell{font-size:12px;overflow-wrap:anywhere}.table-footer{padding:16px 21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.table-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:15px;align-items:center;margin-bottom:15px}.table-toolbar .chips{grid-column:1/-1}.table-toolbar select{font-size:12px;padding:12px;width:auto}.detail-title{display:flex;align-items:center;gap:15px}.detail-title .avatar{width:52px;height:52px;font-size:19px}.detail-title p{font-size:12px;margin-top:5px}.tab-body{margin-top:20px}.admin-main .balance-block{padding:24px;border-radius:18px;border:1px solid #4e4269;background:#252136}.balance-block .metric{margin:7px 0 18px}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.node-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:21px}.node-card h3{font-size:14px}.flag{font-size:24px}.node-card .eyebrow{font-size:9px;margin:16px 0}.operator-conversation{max-height:65dvh;overflow:auto;scrollbar-width:thin}.operator-conversation .bubble.admin{background:#33304a}.filters-count{font-size:11px;color:var(--muted)}.ticket-item{padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:15px;color:var(--text);text-align:left;width:100%}.ticket-item p{font-size:13px;margin-top:13px;overflow-wrap:anywhere;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-item small{display:block;margin-top:12px}.payment-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface)}.payment-card .metric{font-size:25px;margin:15px 0 5px}.audit-result{white-space:pre-wrap;font-size:12px}.operator-chat .composer{position:sticky;bottom:0;background:var(--surface)}.mobile-only{display:none}.pills-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.count{display:inline-flex;padding:4px 8px;border-radius:7px;background:#242a3a;color:#b6bfd6;font-size:11px}.chart{height:105px;display:flex;align-items:flex-end;gap:10px;margin-top:24px}.chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;align-items:center}.chart i{display:block;width:100%;max-width:45px;background:#8d76c7;border-radius:5px 5px 2px 2px;min-height:2px}.chart small{font-size:9px;white-space:nowrap}.chart+.tagline{margin-top:17px}
@media(min-width:900px){.client-shell{padding-top:32px}.client-shell .topbar{margin-bottom:40px}.client-shell .bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:19px 19px 0 0}.client-shell .home-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.client-shell .home-columns .client-section{margin-top:0}.client-shell .home-columns .client-section+.client-section{margin-top:24px}}
@media(max-width:1150px){.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.hide-tablet{display:none!important}.table-head,.table-row{grid-template-columns:minmax(170px,1.6fr) 1fr 1fr 20px}.admin-main{padding:25px}.admin-topbar{padding:17px 25px}}
@media(max-width:899px){.admin-shell{padding-left:0}.sidebar{display:none}.admin-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr)}.admin-main{padding:23px 18px calc(110px + env(safe-area-inset-bottom))}.admin-topbar{height:68px;padding:12px 18px}.global-search{width:calc(100% - 50px)}.admin-topbar .admin-account{display:none}.mobile-only{display:block}.admin-shell .page-head{align-items:flex-start}.admin-shell .page-head h1{font-size:27px}.admin-shell .page-head p{font-size:12px}.split{grid-template-columns:1fr}.page-head .button{font-size:12px;padding:10px 13px}.action-grid .button{font-size:12px}.panel{padding:21px;border-radius:19px}.node-grid{grid-template-columns:1fr 1fr}.admin-main .section-head h2{font-size:16px}.table-toolbar{grid-template-columns:1fr auto}.table-toolbar .search-field{grid-column:1/-1}.table-toolbar select{max-width:160px}.table-toolbar .chips{grid-column:auto;grid-row:2;flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:4px}.admin-main .page-head .row{gap:8px}.detail-title .avatar{width:44px;height:44px}.stat-card{padding:17px}.stat-card .metric{font-size:29px}.chart{height:90px}}
@media(max-width:599px){.client-shell{padding:20px 17px calc(106px + env(safe-area-inset-bottom))}.client-shell .topbar{margin-bottom:27px}.brand{font-size:16px;gap:8px}.brand img{width:30px;height:30px}.page-head{gap:12px}.panel{padding:19px}.modal-backdrop{padding:10px 10px 0;align-items:flex-end}.sheet{width:100%;border-radius:22px 22px 0 0;max-height:calc(100dvh - 35px);padding-bottom:env(safe-area-inset-bottom)}.sheet-header{padding:21px 20px 18px}.sheet-body{padding:0 20px 20px}.sheet-footer{padding:16px 20px}.form-error{padding-left:20px;padding-right:20px}.plans-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr auto;gap:14px 20px;padding:20px}.plan-card ul,.plan-card .button{grid-column:1/-1}.plan-card .metric{font-size:28px;text-align:right}.plan-card .metric small{font-size:10px;display:block}.home-tools .tool-card{padding:16px}.trial-card h2{font-size:25px}.greeting h1{font-size:26px}.subscription-card{padding:21px}.subscription-card .stats-row{gap:12px}.tiles{gap:8px}.tile{padding:13px 10px}.tile strong{font-size:20px}.tile small{font-size:10px}.section-head .button.text{font-size:11px}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;padding:17px 15px;gap:12px}.table-row:first-of-type{border-top:0}.table-row .hide-mobile{display:none!important}.table-row .row-arrow{display:none}.table-row .table-cell{text-align:right}.table-row .avatar{width:35px;height:35px;border-radius:10px;font-size:11px}.table-row .person{gap:10px}.table-row .person-name{font-size:13px}.table-row .badge{font-size:10px;max-width:130px}.table-footer{padding:14px}.table-toolbar{gap:10px;grid-template-columns:minmax(0,1fr)}.table-toolbar .chips{grid-column:1/-1;grid-row:auto;flex-wrap:nowrap}.table-toolbar>select{grid-row:3;grid-column:1;justify-self:end;max-width:none}.admin-grid{gap:15px}.node-grid{grid-template-columns:1fr}.workspace-grid{gap:11px}.stat-card{border-radius:16px;padding:15px}.stat-card>.row small{font-size:10px}.stat-card .metric{font-size:25px}.stat-card>small{font-size:10px}.quick-grid{gap:9px}.quick-grid button{font-size:11px;padding:14px 11px}.queue-card{gap:11px}.queue-card .queue-number{font-size:20px}.queue-card p{font-size:11px}.queue-card .button{font-size:10px;min-height:33px;padding:8px}.page-head .row.wrap{justify-content:flex-end}.page-head .row.wrap .button{min-height:36px;font-size:10px;padding:8px 10px}.detail-title h1{font-size:23px!important}.form-row{gap:10px}.bubble{max-width:94%}.composer small{font-size:10px;max-width:170px}.topbar .avatar{width:36px;height:36px;font-size:12px}.subscription-card .metric{font-size:29px}.sheet-header h2{font-size:19px}.ticket-item p{font-size:12px}}

.client-shell .chat{max-height:55dvh;overflow-y:auto;scrollbar-width:thin}.client-shell .composer .field>span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.client-shell .composer .field{margin-bottom:10px}.client-shell .composer textarea{margin:0}

[hidden]{display:none!important}

.tool-card strong,.tool-card small{display:block}.tool-card small{margin-top:5px}

.message-image{display:block;max-width:260px;padding:0;margin:9px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel);color:var(--muted);cursor:pointer}.message-image img{display:block;max-width:100%;max-height:220px;min-height:50px;object-fit:contain}.message-image span{display:block;padding:7px;font-size:12px}.image-full{display:block;width:100%;max-height:75dvh;object-fit:contain}.upload-previews{display:flex;gap:10px;flex-wrap:wrap}.upload-preview{position:relative;width:90px;height:90px}.upload-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}.upload-preview button{position:absolute;right:-5px;top:-5px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:50%;width:26px;height:26px;cursor:pointer}.upload-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.login-code{font-family:monospace;font-size:28px;letter-spacing:4px;color:var(--mint);margin:18px 0}

/* Stable Telegram viewport and payment dialogs, 2026-11-11. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{min-width:0}#app{height:var(--app-height,100dvh);overflow:hidden}.client-shell{height:100%;width:min(100%,780px);padding:0!important;display:flex;flex-direction:column;overflow:hidden}.client-shell .topbar{flex:none;padding:18px 18px 12px;margin:0}.client-shell #content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:8px 18px 24px;scrollbar-gutter:stable}.client-shell .bottom-nav{position:static;transform:none;width:100%;flex:none;min-height:70px;padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px)));border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav button{min-width:0}.keyboard-open .bottom-nav{display:none}.demo-banner,.offline-banner{flex:none}.modal-backdrop{width:100%;height:var(--visual-height,100dvh);bottom:auto;padding:12px;overflow:hidden}.sheet{min-width:0;max-width:520px;width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.sheet-header{position:static;flex:none;min-width:0;padding:20px}.sheet-header h2{min-width:0;overflow-wrap:anywhere}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px}.sheet-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;gap:10px;padding:16px 20px}.sheet-footer>.button{min-width:0;width:100%;padding:12px 8px;overflow-wrap:anywhere;white-space:normal;flex:none}.sheet-footer>.button:first-child:nth-last-child(3){grid-column:1/-1}.sheet-footer>.button:only-child{grid-column:1/-1}.sheet .form-error{flex:none;margin:0;padding:0 20px 12px}.sheet .form-error:empty{padding:0}.sheet-header .icon-button{flex:none}.home-dashboard{display:grid;gap:14px}.dashboard-title h1{font-size:28px;margin:4px 0 2px}.subscription-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.subscription-tabs button{min-width:94px;max-width:180px;flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-tabs button.active{background:#203247;color:#d9ecff;border-color:#527492}.subscription-tabs .add-sub{min-width:40px;flex:0 0 40px;padding:8px}.access-summary{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#1b2634,var(--surface));min-width:0}.days-summary{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0 4px}.days-summary strong{font-size:64px;font-weight:800;letter-spacing:-3px;line-height:1.1;font-variant-numeric:tabular-nums}.days-summary span{font-size:15px;max-width:120px;line-height:1.35}.access-summary>.tagline{text-align:center;margin-bottom:20px}.remaining-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:16px 0 8px}.remaining-row span{color:var(--muted)}.dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-action{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.dashboard-action>.icon{width:28px;height:28px;color:#a4c4e7}.dashboard-action strong{font-size:16px}.dashboard-action>span{color:var(--muted);font-size:11px;line-height:1.4}.dashboard-balance{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.dashboard-balance h2{font-size:15px}.dashboard-balance>.row+.row{margin-top:12px}.dashboard-balance small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.dashboard-balance strong{font-size:26px;font-variant-numeric:tabular-nums}.dashboard-balance .button{font-size:12px;min-width:0;padding:10px}.device-entry,.dashboard-invite{border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:var(--surface);color:var(--text);display:flex;justify-content:space-between;gap:12px;text-align:left}.device-entry>span,.dashboard-invite>span{display:flex;align-items:center;gap:10px;font-size:13px}.home-dashboard .traffic{margin-top:0}.demo-banner{position:absolute;z-index:45;top:0;left:0;right:0;font-size:10px}.demo-banner~.client-shell{padding-top:24px!important}@media(max-width:599px){.modal-backdrop{align-items:flex-end;padding:8px}.sheet{border-radius:20px;max-height:calc(100% - 8px);padding-bottom:env(safe-area-inset-bottom,0px)}.sheet-header h2{font-size:18px}.client-shell .topbar{padding-top:max(14px,env(safe-area-inset-top,0px))}.days-summary strong{font-size:60px}}@media(min-width:700px){.home-dashboard{max-width:570px;margin:0 auto}.sheet-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-footer>.button:first-child:nth-last-child(3){grid-column:auto}}

.sheet-footer>.button{overflow-wrap:normal;word-break:normal;font-size:13px}.sheet-footer .icon{display:none}

/* Compact access card; the countdown updates without replacing the page. */
.access-summary{padding:14px 16px;border-radius:16px}.days-summary{display:block;padding:10px 0 0;text-align:center}.days-summary small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.days-summary strong{display:block;font-size:28px;letter-spacing:-.7px;line-height:1.2}.access-summary>.tagline{font-size:11px;margin:5px 0 10px}.remaining-row{margin:8px 0 5px}.access-summary .traffic{margin:0}.access-summary .traffic small{font-size:11px}.dashboard-action{padding:14px 10px;gap:7px}.dashboard-action>.icon{width:24px;height:24px}.home-dashboard{gap:11px}.dashboard-title h1{font-size:25px}.subscription-qr{margin:16px auto;text-align:center}.subscription-qr svg{display:block;width:224px;max-width:100%;height:auto;margin:auto;border-radius:8px}.subscription-qr figcaption{color:var(--muted);font-size:12px;max-width:250px;margin:10px auto 0;line-height:1.4}
@media(max-width:360px){.days-summary strong{font-size:25px}.access-summary{padding:12px}.client-shell #content{padding-left:14px;padding-right:14px}}

/* App screens: fixed chrome, compact cards and bounded data panes. */
[hidden]{display:none!important}.client-shell .topbar{padding:8px 14px;margin:0;min-height:46px}.topbar .brand{font-size:14px;gap:7px}.topbar .brand img{width:25px;height:25px}.topbar .avatar{width:32px;height:32px;font-size:12px}.balance-chip{padding:6px 8px;font-size:11px}.client-shell #content{padding:6px 14px 8px;overflow:hidden;scrollbar-gutter:auto}.client-shell .bottom-nav{min-height:54px;padding:4px 8px calc(4px + max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px)))}.bottom-nav button{padding:5px 2px;gap:3px;font-size:9px}.bottom-nav .icon{width:19px;height:19px}.view-page{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.view-page>*{flex-shrink:0}.view-page .page-head{margin:0;gap:5px}.client-shell .page-head h1{font-size:18px;line-height:1.25}.client-shell .page-head p{font-size:11px;margin-top:3px}.view-page .back{margin:0;min-height:23px;font-size:11px}.view-page .panel{padding:12px;border-radius:13px}.view-page .section-head{margin-bottom:8px}.view-page .section-head h2{font-size:13px}.view-page .client-section{margin:0}.view-page .button{min-height:36px;padding:8px 11px;font-size:12px}.view-page .kv{padding:9px 0;font-size:12px}.view-page .metric{font-size:25px}.view-page .support-entry{padding:11px;gap:9px;border-radius:12px}.view-page .support-entry strong{font-size:12px}.view-page .support-entry p{font-size:10px}.view-page .support-entry .item-icon{width:30px;height:30px}.view-page .support-entry>.icon{width:17px}.view-page .empty{padding:18px 10px}.view-page .empty h3{font-size:14px}.view-page .empty p{font-size:11px}.view-page .secret{padding:10px;font-size:11px;margin:10px 0}.view-page .spaced{margin-top:12px}.view-page .gap{margin-top:8px}.view-page .item{padding:11px 0}.view-page .item strong{font-size:12px}.view-page .item small{font-size:10px}.view-page .badge{font-size:9px;padding:4px 7px}.view-page .tagline{font-size:11px}.pane-stack{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden}.screen-tabs{display:flex;gap:6px;flex:none}.screen-tabs button{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:8px;font-size:12px;min-height:34px}.screen-tabs button.active{background:#203247;color:#d9ecff;border-color:#527492}.pane-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.telegram-help{display:block;font-size:11px;text-align:center;margin-top:10px;color:var(--mint)}
.view-home{overflow-y:auto;scrollbar-width:thin}.home-dashboard{gap:6px;flex:none;width:100%}.dashboard-title{display:flex;align-items:baseline;gap:7px;min-width:0;padding:0 0 2px;line-height:1.2}.dashboard-title>span{font-size:11px;color:var(--muted);white-space:nowrap}.dashboard-title h1{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-tabs{gap:6px;padding:0;min-height:30px}.subscription-tabs button{min-width:75px;max-width:160px;flex:0 1 160px;padding:6px 9px;font-size:11px;border-radius:8px;min-height:30px}.subscription-tabs .add-sub{min-width:30px;flex-basis:30px;padding:4px}.subscription-tabs .add-sub .icon{width:17px;height:17px}.access-summary{padding:9px 12px;border-radius:13px}.access-summary .eyebrow{font-size:8px;letter-spacing:1px}.access-summary .badge{font-size:9px;padding:4px 7px}.days-summary{padding:5px 0 0}.days-summary small{display:none}.days-summary strong{font-size:21px;letter-spacing:-.4px;line-height:1.25}.access-summary>.tagline{font-size:10px;margin:2px 0 5px}.remaining-row{font-size:11px;margin:5px 0 3px}.access-summary .progress{height:4px;margin:5px 0}.access-summary>.row:last-child small{font-size:10px}.dashboard-actions{gap:7px}.dashboard-action{padding:9px 7px;gap:3px;border-radius:12px;min-height:62px}.dashboard-action>.icon{width:19px;height:19px}.dashboard-action strong{font-size:12px}.dashboard-action>span{font-size:9px;line-height:1.25}.device-entry{padding:8px 11px;min-height:34px;border-radius:10px}.device-entry>span{font-size:11px;gap:7px}.device-entry .icon{width:16px;height:16px}.dashboard-balance{padding:8px 11px;border-radius:12px;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;align-items:center}.dashboard-balance h2{font-size:12px}.dashboard-balance>.row+.row{margin:0}.dashboard-balance>.row:first-child{display:block}.dashboard-balance .button.text{font-size:10px;min-height:22px;padding:2px 0}.dashboard-balance small{font-size:9px;margin-bottom:2px}.dashboard-balance strong{font-size:18px}.dashboard-balance .button{font-size:11px;min-height:32px;padding:7px 9px}.view-home .trial-card{padding:16px}.view-home .trial-card h2{font-size:20px;margin:8px 0}.view-home .trial-card .button{margin-top:10px}
.view-wallet .wallet-hero{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:13px}.wallet-hero .metric{font-size:24px;margin:2px 0 0}.wallet-hero small{font-size:10px}.view-support .composer{border:0;padding-top:9px}.view-support .composer textarea{min-height:90px;height:clamp(70px,18dvh,130px);font-size:13px}.view-support .composer .row{gap:8px}.view-support .composer .row small{font-size:9px}.view-support .upload-label{font-size:11px}.view-support .ticket-item{padding:11px}.view-support .ticket-item p{margin-top:7px;font-size:12px}.view-support .ticket-item small{margin-top:7px;font-size:10px}.view-profile .profile-card{gap:10px}.view-profile .profile-card h2{font-size:16px}.view-profile .profile-card .avatar{width:34px;height:34px}.view-profile .button.full+.button.full{margin-top:6px}.view-referrals .metric{font-size:27px;margin:12px 0}.view-referrals .panel>p{font-size:12px}.view-referrals .secret{overflow-wrap:anywhere}
.view-subscription .subscription-card{padding:10px 12px;border-radius:13px}.view-subscription .subscription-card h2{display:none}.view-subscription .subscription-card .eyebrow{font-size:8px}.view-subscription .subscription-card .metric{font-size:21px;margin:7px 0 2px}.view-subscription .subscription-card .stats-row{margin-top:8px;gap:8px}.view-subscription .subscription-card .button{margin-top:9px}.view-subscription .subscription-card>.row:last-child{margin-top:5px}.view-subscription .stats-row small{font-size:8px;margin-bottom:2px}.view-subscription .stats-row strong{font-size:11px}.view-subscription .pane-body .panel{border:0;padding:4px 0}.view-subscription .pane-body .section-head{display:none}.view-subscriptions>.stack{flex:1;min-height:0;overflow:auto}.view-subscriptions .sub-list-card{padding:12px}.view-subscriptions .sub-list-card strong{font-size:13px}.view-subscriptions .sub-list-card .progress{margin:8px 0}.view-plans .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0;overflow:auto;align-content:start}.view-plans .plan-card{display:flex;padding:11px;gap:8px;border-radius:12px}.view-plans .plan-card h2{font-size:14px}.view-plans .plan-card small{font-size:10px}.view-plans .plan-card .metric{font-size:20px;text-align:left}.view-plans .plan-card .metric small{display:block;font-size:9px}.view-plans .plan-card ul{font-size:10px;gap:3px}.view-plans .plan-card li:nth-child(n+2){display:none}.view-plans .help{font-size:10px;margin:0}.view-plans .tabs button{font-size:11px;padding:8px}.view-guide>.panel{flex:1;min-height:0;overflow:auto}.view-guide .step{padding:10px 0;gap:9px}.view-guide .step h3{font-size:13px}.view-guide .step p{font-size:11px}.view-guide .step>b{width:23px;height:23px;font-size:11px}.view-ticket>.panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.view-ticket #conversation{flex:1;min-height:0;max-height:none;padding:6px 0;overflow:auto}.view-ticket #composer-area{flex:none}.view-ticket .composer{padding-top:8px}.view-ticket .composer textarea{min-height:55px;height:60px}.view-ticket .composer .row small{font-size:9px}.view-ticket .bubble{font-size:12px;padding:9px 11px}.view-ticket #ticket-status{margin:0}.view-page .upload-previews:empty{display:none}
@media(max-height:560px){.client-shell .topbar{min-height:40px;padding-top:5px;padding-bottom:5px}.client-shell .bottom-nav{min-height:48px}.home-dashboard{gap:5px}.dashboard-action{min-height:54px;padding:7px}.days-summary strong{font-size:19px}.access-summary{padding:7px 10px}.view-support .composer textarea{height:65px;min-height:65px}.view-page{gap:6px}.view-profile .kv{padding:6px 0}.view-profile .support-entry p{display:none}}

.dashboard-balance{grid-template-columns:64px minmax(0,1fr)}.dashboard-balance>.row+.row{gap:8px}.dashboard-balance strong{white-space:nowrap;font-size:16px}.dashboard-balance .button{white-space:nowrap;padding:7px 8px}.dashboard-balance>.row:first-child .icon{width:13px;height:13px}

.guide-copy{font-size:13px;line-height:1.6;margin:8px 0 16px}.view-profile .profile-card h2{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.view-plans .tabs{margin:0;padding:4px}.view-plans .plans-grid{margin:0;gap:6px}.view-plans .plan-card{padding:8px;gap:4px}.view-plans .plan-card h2{font-size:13px;line-height:1.2}.view-plans .plan-card small{font-size:9px}.view-plans .plan-card .metric{font-size:18px;line-height:1.2}.view-plans .plan-card .metric small{display:none}.view-plans .plan-card ul{font-size:9px;line-height:1.3}.view-plans .plan-card .button{min-height:30px;padding:6px;font-size:11px}

.view-plans .plan-card>div:first-child{line-height:1.15}.view-plans .plan-card>div:first-child small{display:block;line-height:1.2;margin-top:2px}.view-plans .plan-card .button{margin-top:0}

.home-dashboard.has-subscriptions{height:100%;min-height:0;grid-template-rows:auto auto minmax(120px,1.3fr) minmax(66px,.7fr) auto minmax(60px,.5fr)}.has-subscriptions .access-summary{display:flex;flex-direction:column;justify-content:space-between}.has-subscriptions .days-summary{margin:auto 0 0;padding-top:8px}.has-subscriptions .days-summary strong{font-size:clamp(21px,5.8vw,27px)}.has-subscriptions .access-summary>.tagline{margin-bottom:auto}.has-subscriptions .dashboard-action{height:100%;justify-content:center;gap:5px}.has-subscriptions .dashboard-action>.icon{width:23px;height:23px}.has-subscriptions .dashboard-action strong{font-size:13px}.has-subscriptions .dashboard-balance{height:100%}.view-subscription .device-panel{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px}.device-panel>h2{font-size:13px;margin-bottom:7px}.device-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:4px;scrollbar-gutter:stable;overscroll-behavior:contain}.view-subscription .device-list .panel{border:0;padding:0;background:none}.device-list .section-head{display:none}.view-subscription .device-list .item{padding:13px 4px;gap:10px}.device-list .item:first-child{border-top:0}.device-list .item .body{min-width:0}.device-list .item strong{overflow-wrap:anywhere}.device-list .item .icon-button{flex:none;margin-right:3px}.device-list .item small{font-size:10px;line-height:1.45}
@media(max-height:540px){.home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(110px,1.2fr) minmax(58px,.7fr) auto minmax(54px,.4fr)}.has-subscriptions .dashboard-action>.icon{width:20px;height:20px}.has-subscriptions .dashboard-action{gap:3px}.has-subscriptions .days-summary strong{font-size:21px}}

.home-dashboard:not(.has-subscriptions){height:100%;min-height:0;grid-template-rows:auto auto minmax(140px,1fr) auto}.intro-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 7px}.view-home .intro-choices .button{font-size:11px;margin:0;padding:8px;gap:5px;min-height:38px}.intro-choices .icon{width:17px;height:17px;flex:none}.view-home .trial-card{padding:13px 14px}.view-home .trial-card h2{font-size:18px;margin:6px 0}.view-home .trial-card .eyebrow{font-size:9px}.view-home .trial-card p,.view-home .trial-card>small{font-size:10px}.new-customer-plans{display:flex;flex-direction:column;min-height:0;gap:6px}.new-customer-plans h2{font-size:13px}.new-customer-plans>.row .button{font-size:10px;padding:2px;min-height:22px}.intro-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1;min-height:0}.intro-plan{border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:var(--surface);color:var(--text);display:flex;flex-direction:column;justify-content:center;text-align:left;gap:3px;min-height:59px}.intro-plan>span{font-size:11px;font-weight:650}.intro-plan strong{font-size:18px}.intro-plan small{font-size:9px;color:var(--muted)}.intro-plan:hover{border-color:var(--primary)}
@media(max-height:540px){.view-home .trial-card{padding:9px 12px}.view-home .trial-card h2{font-size:16px}.intro-choices{margin:7px 0 5px}.view-home .intro-choices .button{min-height:34px;font-size:10px}.intro-plan{padding:6px 8px;min-height:54px}.intro-plan strong{font-size:16px}.home-dashboard:not(.has-subscriptions){grid-template-rows:auto auto minmax(134px,1fr)auto}}

.view-subscription .subscription-card>.row.gap{display:none}.view-subscription .subscription-card .metric{font-size:20px;margin:4px 0 2px}.view-subscription .subscription-card .stats-row{margin-top:6px}.view-subscription .subscription-card .button{min-height:34px;padding:7px 10px;margin-top:6px}.view-subscription .device-list .item{padding:10px 4px}.view-subscription .device-list .item-icon{width:32px;height:32px;flex:none}.view-subscription .device-list .icon-button{width:34px;height:34px}.view-subscription .device-list .item small{font-size:9px}.view-subscription .device-list .item strong{font-size:11px}

@media(max-height:540px){.view-home .trial-card .eyebrow{display:none}.view-home .trial-card h2{margin:2px 0 4px}.view-home .trial-card>small{font-size:9px;line-height:1.2}.intro-plan{min-height:48px;padding:4px 8px;gap:1px}.intro-plan strong{font-size:15px}.intro-plan>span{font-size:10px}.home-dashboard:not(.has-subscriptions){grid-template-rows:auto auto minmax(130px,1fr)auto}}

/* PRISM violet identity: bundled Cyrillic font, no external font requests. */
@font-face{font-family:Manrope;src:url('manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--bg:#100c1c;--surface:#191326;--surface2:#231b35;--line:#443058;--text:#faf6ff;--muted:#b9accb;--primary:#d0a1ff;--mint:#b77aff;font-family:Manrope,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 0 35%,#65269920,transparent 60%),var(--bg);font-family:Manrope,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.client-shell .topbar{min-height:63px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #bc79fc12;background:linear-gradient(120deg,#1c112d99,#100c1c55)}
.topbar .brand{gap:9px;letter-spacing:0;min-width:0}.topbar .brand img{width:35px;height:40px;filter:drop-shadow(0 2px 9px #a855f744)}
.brand-copy{display:flex;flex-direction:column;gap:0;line-height:1.35}.brand-copy strong{font-size:18px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}.brand .brand-copy small{font-size:12px;letter-spacing:.1px;font-weight:550;color:#d6c6e9}
.topbar>.row{gap:8px}.balance-chip{background:linear-gradient(145deg,#251738,#181220);border-color:#674084;color:#f7ecff;box-shadow:inset 0 1px #ffffff08}.balance-chip .icon{color:#d192ff}.topbar .avatar{background:linear-gradient(145deg,#573177,#2b1b40);border-color:#9966be;color:#f7eaff}
.dashboard-title{padding:2px 1px 4px}.dashboard-title h1{font-size:20px;font-weight:800;letter-spacing:-.65px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.dashboard-title h1>span{font-weight:450;color:#d1c2df}
.subscription-tabs button{background:#18121f;border-color:#473152;color:#d1c2df;border-radius:11px}.subscription-tabs button.active{background:linear-gradient(120deg,#7137a7,#482576);border-color:#c18bea;color:white;font-weight:750;box-shadow:inset 0 1px 0 #ecc9ff55,0 2px 10px #a24dea20}
.access-summary,.subscription-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #765293;background:radial-gradient(ellipse at 5% 5%,#70379845,transparent 64%),radial-gradient(ellipse at 100% 90%,#58348025,transparent 65%),linear-gradient(145deg,#24182f,#151020 75%);box-shadow:inset 0 1px #deb8ff14,0 8px 25px #09051033;border-radius:18px}
.access-summary:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% -15%,#ca80ff2e,transparent 75%);border-radius:inherit}
.prism-watermark{position:absolute;z-index:-1;right:-4px;top:36%;transform:translateY(-28%) rotate(-8deg);font-size:clamp(64px,21vw,110px);font-weight:800;letter-spacing:-6px;line-height:1;color:#bc79fa0c;-webkit-text-stroke:1px #dba2ff17;pointer-events:none;user-select:none}
.access-summary .eyebrow{color:#d9a6ff;letter-spacing:1.25px;font-size:9px}.has-subscriptions .days-summary strong{font-size:clamp(23px,6vw,29px);font-weight:800;letter-spacing:-1px;text-shadow:0 2px 18px #bc70f02b}.access-summary .tagline{color:#c0accf}.access-summary .remaining-row strong{font-weight:800;color:#faf0ff}
.progress{height:8px;border:1px solid #6f4f8238;background:#36253f;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 3px #07020a77}.progress i{background:linear-gradient(90deg,#f2bcff,#c374fb 45%,#8b48ef);border-radius:20px;box-shadow:0 0 10px #d17cfc55;min-width:0;transition:width .5s ease}.access-summary>.row small{font-size:10px;font-variant-numeric:tabular-nums}
.dashboard-action,.device-entry,.dashboard-balance{border-color:#513365;background:linear-gradient(135deg,#23162e,#161020);box-shadow:inset 0 1px #e2b2ff09;border-radius:14px}.dashboard-action>.icon,.device-entry .icon{color:#d8a3ff;filter:drop-shadow(0 0 5px #a363eb33)}.dashboard-action strong{letter-spacing:-.3px}.dashboard-action>span{color:#bca8cc}
.button.primary,.button.accent{background:linear-gradient(125deg,#c379f5,#8d48dc);border:1px solid #d3a1f5;color:#fff;box-shadow:inset 0 1px #f5dbff55,0 3px 12px #9a49e32b}.button.primary .icon{color:white}.bottom-nav{background:#130d20eF;border-top-color:#573365}.bottom-nav button.active{background:linear-gradient(140deg,#522876,#351c54);color:#f3dbff;box-shadow:inset 0 1px #dfabff1f}.bottom-nav button.active .icon{filter:drop-shadow(0 0 6px #bf78ff66)}
@media(max-width:350px){.brand-copy strong{font-size:16px;letter-spacing:.6px}.brand .brand-copy small{font-size:11px}.topbar .brand img{width:29px;height:35px}.topbar>.row{gap:5px}.dashboard-title h1{font-size:18px}}
@media(max-height:560px){.client-shell .topbar{min-height:52px;padding-top:6px;padding-bottom:6px}.brand-copy strong{font-size:16px}.brand .brand-copy small{font-size:10px}.topbar .brand img{height:32px;width:28px}.dashboard-title h1{font-size:17px}.dashboard-title{padding-bottom:2px}.home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(104px,1.2fr) minmax(54px,.7fr) auto minmax(52px,.4fr)}.has-subscriptions .days-summary strong{font-size:22px}.access-summary .eyebrow{font-size:8px}.access-summary{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.progress i{transition:none}}

.access-summary>.progress{flex:0 0 8px;height:8px;margin:7px 0}.access-summary>.row:last-child{flex:none}.prism-watermark{left:50%;right:auto;top:43%;transform:translate(-50%,-50%) rotate(-8deg);font-size:clamp(60px,20vw,94px);letter-spacing:-4px}.has-subscriptions .days-summary{padding-top:4px}.has-subscriptions .access-summary>.tagline{margin-top:3px;margin-bottom:auto}
@media(max-height:560px){.home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(132px,1.2fr) minmax(54px,.65fr) auto minmax(52px,.4fr)}.has-subscriptions .access-summary{padding:8px 10px}.access-summary .tagline{font-size:9px}.has-subscriptions .days-summary{padding-top:2px;margin-top:3px}.has-subscriptions .days-summary strong{font-size:21px}.access-summary>.progress{margin:5px 0}.access-summary>.row:last-child small{font-size:9px}.remaining-row{margin-top:4px}}

.screen-tabs button.active,.tabs button.active,.chips button.active{background:linear-gradient(120deg,#613188,#3e245f);border-color:#a476c7;color:#fcf3ff}.button.primary,.button.accent{background:linear-gradient(125deg,#9845cb,#7133b9)}

/* Graphite: selected variant 1. Neutral surfaces, violet outlines and brand illustration. */
@font-face{font-family:Onest;src:url('onest.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Unbounded;src:url('unbounded.ttf');font-weight:200 900;font-display:swap}
:root{--bg:#0c0d11;--surface:#191b22;--surface2:#14151b;--line:#584366;--text:#f4f3f8;--muted:#aaa6b5;--primary:#bc8bf0;--mint:#bc8bf0;font-family:Onest,"Segoe UI",sans-serif}body{font-family:Onest,"Segoe UI",sans-serif;background:var(--bg)}.client-shell .topbar{background:#0e0f14;border-color:#ffffff08}.brand-copy strong{font-family:Unbounded,sans-serif;font-size:16px;letter-spacing:.2px;font-weight:750}.brand .brand-copy small{color:var(--muted);font-weight:400}.topbar .brand img{filter:none}.balance-chip,.topbar .avatar{background:var(--surface2);border-color:#655078;color:var(--text);box-shadow:none}.dashboard-title h1{font-size:20px;letter-spacing:-.5px}.dashboard-title h1>span{color:var(--muted)}
.subscription-tabs button,.screen-tabs button,.tabs button{background:var(--surface2);border-color:#ffffff16}.subscription-tabs button.active,.screen-tabs button.active,.tabs button.active,.chips button.active{background:#9760c512;border-color:#a47dc4;color:#eee2ff;box-shadow:inset 0 -2px #ad76e020}.access-summary,.subscription-card{background:var(--surface2);border-color:#6b507f;box-shadow:none}.access-summary:after{background:linear-gradient(0deg,#14151b 0%,transparent 80%)}.prism-art{position:absolute;z-index:-1;top:0;right:0;width:70%;height:100%;background:url('prism-brand.webp') no-repeat right center/auto 160%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 38%);pointer-events:none}.access-summary .days-summary{padding-top:4px}.has-subscriptions .days-summary strong{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(19px,5vw,23px);letter-spacing:-.7px;text-shadow:0 2px 10px #000}.access-summary .eyebrow{font-size:8px;letter-spacing:1px;color:#d6c7e5}.dashboard-action,.device-entry,.dashboard-balance,.trial-card,.intro-plan{background:var(--surface);border-color:#69527988;box-shadow:none}.device-entry{background:var(--surface2)}.dashboard-action>.icon,.device-entry .icon{filter:none}.button.primary,.button.accent{background:#30213f;border-color:#966bbb;color:#f6eaff;box-shadow:none}.bottom-nav{background:#0e0f14;border-top-color:#ffffff0c}.bottom-nav button.active{background:#9e5fd414;border:1px solid #9868b44d;box-shadow:none;color:#e6cfff}.bottom-nav button.active .icon{filter:none}
.dashboard-balance{display:block!important;padding:8px 10px}.bonus-wallet-head{display:flex;align-items:center;gap:8px}.bonus-wallet-head h2{font-size:11px}.bonus-wallet-head>.button.text{font-size:9px;min-height:20px}.bonus-wallet-head>.button.primary{margin-left:auto;min-height:25px;padding:3px 6px;font-size:10px}.bonus-wallet-head>.button .icon{width:12px;height:12px}.wallet-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:4px;gap:10px}.wallet-pair>button{font:inherit;color:inherit;text-align:left;border:0;border-left:1px solid #ffffff14;padding:0 0 0 10px;background:none}.wallet-pair small{display:flex;align-items:center;gap:4px;font-size:9px}.wallet-pair small .icon{width:11px;height:11px;color:var(--primary)}.wallet-pair strong{display:block;font-size:17px;letter-spacing:-.4px}.home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(132px,1.25fr) minmax(60px,.65fr) auto minmax(69px,.5fr)}
.referral-page{display:flex;flex-direction:column;gap:9px;min-height:0;height:100%;overflow:auto;scrollbar-width:thin;padding:1px 1px 4px}.referral-heading{text-align:center;padding:3px}.referral-heading h1{font-family:Unbounded,sans-serif;font-size:18px;letter-spacing:-.4px;margin:4px 0}.referral-heading .eyebrow{font-size:8px}.referral-heading p{font-size:11px}.referral-bonus,.referral-level,.referral-link,.referral-earned,.referral-counts>div,.referral-rules{border:1px solid #7357838a;border-radius:13px;padding:12px;background:var(--surface)}.referral-bonus>.row>span{display:flex;align-items:center;gap:6px;font-size:12px}.referral-bonus .icon{color:var(--primary);width:17px;height:17px}.referral-bonus strong{font-size:23px;letter-spacing:-1px}.referral-bonus>small{display:block;font-size:10px;margin-top:4px}.referral-level{background:var(--surface2)}.referral-level .row>span{font-size:12px}.referral-level .row>strong{font-family:Unbounded,sans-serif;color:#dfb4ff;font-size:25px}.referral-level>small{display:block;text-align:center;font-size:10px}.referral-segments{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 0 8px}.referral-segments>span{height:8px;background:#302b38;border-radius:3px}.referral-segments>span.active{background:linear-gradient(90deg,#8858b7,#d1a3f4);box-shadow:0 0 9px #a96be933}.referral-link small{font-size:10px}.referral-link .secret{font-size:10px;padding:7px;margin:5px 0 9px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.referral-link .button{min-height:35px;font-size:12px}.referral-counts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.referral-counts>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.referral-counts small{font-size:10px}.referral-counts strong{font-size:21px}.referral-earned{display:flex;align-items:center;justify-content:space-between;background:var(--surface2)}.referral-earned span{font-size:12px}.referral-earned strong{font-family:Unbounded,sans-serif;font-size:20px;color:#e0baff}.referral-rules{font-size:11px;padding:10px 12px}.referral-rules summary{cursor:pointer;color:var(--primary)}.referral-rules p{font-size:11px;margin:10px 0;line-height:1.6}.referral-table>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ffffff0b}.referral-table b{color:#dec3f5}
@media(max-height:560px){.referral-page{gap:6px}.referral-heading h1{font-size:16px}.referral-heading p{display:none}.referral-bonus,.referral-level,.referral-link,.referral-earned{padding:8px 10px}.referral-bonus strong{font-size:20px}.referral-level .row>strong{font-size:22px}.referral-segments{margin:8px 0 6px}.referral-earned strong{font-size:17px}.home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(128px,1.2fr) minmax(54px,.6fr) auto minmax(65px,.4fr)}.has-subscriptions .days-summary strong{font-size:19px}.brand-copy strong{font-size:14px}}

/* Keep both balances and the referral summary visible in compact Telegram windows. */
.demo-banner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
.view-home .home-dashboard.has-subscriptions{height:100%;grid-template-rows:auto auto minmax(120px,1.2fr) minmax(54px,.65fr) 34px 78px;gap:6px}
.home-dashboard.has-subscriptions .dashboard-action{min-height:54px;padding:6px}
.view-referrals .referral-page{gap:6px;flex:1;min-height:0;padding:0;justify-content:space-between}
.referral-page>*,.referral-counts>div{flex-shrink:0}
.referral-heading{padding:0}.referral-heading h1{font-size:17px;margin:1px 0}.referral-heading p{display:none}
.referral-bonus,.referral-level,.referral-link,.referral-earned{padding:8px 10px}
.referral-bonus strong{font-size:21px}.referral-bonus>small{font-size:9px;margin-top:2px}
.referral-level .row>strong{font-size:23px}.referral-segments{margin:7px 0 5px}
.view-referrals .referral-link .secret{padding:5px 6px;margin:4px 0;font-size:9px}
.view-referrals .referral-link .button{min-height:30px;padding:5px;font-size:11px}.referral-link .icon{width:15px;height:15px}
.referral-counts>div{padding:7px 10px}.referral-counts strong{font-size:18px}
.referral-earned strong{font-size:17px}.referral-rules{padding:7px 10px;font-size:10px}
@media(max-height:560px){
.view-home .home-dashboard.has-subscriptions{grid-template-rows:auto auto minmax(110px,1fr) 54px 31px 70px;gap:4px}
.has-subscriptions .dashboard-title h1{font-size:15px}.has-subscriptions .subscription-tabs,.has-subscriptions .subscription-tabs button{min-height:27px}
.view-referrals .referral-page{gap:4px}.referral-heading .eyebrow{display:none}.referral-heading h1{font-size:15px}
.referral-bonus,.referral-level,.referral-link,.referral-earned{padding:6px 9px}.referral-bonus strong{font-size:18px}.referral-bonus>.row>span,.referral-level .row>span{font-size:11px}
.referral-bonus>small{font-size:8px}.referral-level .row>strong{font-size:20px}.referral-level>small{font-size:8px}.referral-segments{margin:5px 0 4px}.referral-segments>span{height:6px}
.referral-counts>div{padding:5px 9px}.referral-earned span{font-size:10px}.referral-earned strong{font-size:15px}.referral-rules{padding:6px 9px}
}

.view-home .home-dashboard.has-subscriptions{gap:5px}.referral-rules summary:after{content:"+"}.referral-rules[open] summary:after{content:"−"}

.bonus-wallet-head>.button.primary{margin-left:0}.bonus-wallet-head>.button.text{margin-left:auto}

.badge.positive{color:#55ff9f;background:#10492f;border:1px solid #32e88988}.badge.negative{color:#ff929e;background:#591d2b;border:1px solid #ff617588}.badge.warning{color:#ffcf70;background:#503812;border:1px solid #ffbd4f88}.badge i{width:6px;height:6px;box-shadow:0 0 7px currentColor}

.dashboard-balance.wallet-compact{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:9px 10px;align-content:center}
.wallet-column{min-width:0}.wallet-column+.wallet-column{border-left:1px solid #ffffff18;padding-left:10px}
.wallet-caption{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:20px}.wallet-caption small{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap}.wallet-caption .icon{width:11px;height:11px}.wallet-caption>span{font-size:8px;color:var(--muted);white-space:nowrap}
.wallet-compact .wallet-caption .button{font-size:8px;padding:0;min-height:18px;gap:2px}
.wallet-value{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:3px}.wallet-compact .wallet-value strong{font-size:18px;line-height:1.2;letter-spacing:-.4px}
.wallet-compact .wallet-value .button{font-size:9px;padding:5px 6px;min-height:27px;gap:3px;border-radius:8px}.wallet-value .button .icon{width:12px;height:12px}
@media(max-width:350px){.wallet-caption>span{display:none}.wallet-caption small{font-size:8px}.wallet-compact .wallet-value .button{font-size:8px;padding:5px}.wallet-compact .wallet-value strong{font-size:16px}.dashboard-balance.wallet-compact{gap:7px;padding:8px}.wallet-column+.wallet-column{padding-left:7px}}

@media(max-height:560px){.has-subscriptions .dashboard-action{padding:4px;gap:2px}.has-subscriptions .dashboard-action>.icon{width:18px;height:18px}.has-subscriptions .dashboard-action strong{font-size:11px}.has-subscriptions .dashboard-action>span{font-size:8px}}

.upload-label{position:relative;overflow:hidden;cursor:pointer}.upload-label input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.upload-label:focus-within{outline:2px solid var(--primary);outline-offset:2px}

.upload-desktop-hint{font-size:10px;line-height:1.4;margin:6px 0;color:#c2adcF}.composer.upload-dragover{outline:2px dashed var(--primary);outline-offset:3px;background:#a16cd61a}

.new-customer-plans{padding-inline:6px}.intro-plan-grid{gap:8px}

.trial-card,.view-profile>.panel{position:relative;isolation:isolate;overflow:hidden}.trial-card::before,.view-profile>.panel::before{content:"";position:absolute;inset:0;z-index:-1;background:url('prism-brand.webp') no-repeat right center/auto 145%;opacity:.28;mask-image:linear-gradient(90deg,transparent 20%,#000 75%);pointer-events:none}

.checkout-promo{display:flex;align-items:end;gap:8px}.checkout-promo label{flex:1;min-width:0}.checkout-promo .button{flex:none}

.bonus-promo-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.bonus-promo-entry h2{font-size:17px;margin:5px 0}.bonus-promo-entry p{color:var(--muted,#ada7bf);font-size:12px;margin:0}.bonus-promo-entry .button{flex-shrink:0}@media(max-width:420px){.bonus-promo-entry{align-items:stretch;flex-direction:column}}