/* Inter 4.1 by Rasmus Andersson, SIL OFL 1.1; see /fonts/inter/LICENSE.txt. */
@font-face{font-family:Inter;src:url('/fonts/inter/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter/InterVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
/* Client application shell. This stylesheet is never loaded by /admin. */
.app-ui{height:auto;min-height:100vh;--app-primary:#6a26da;--app-accent:#6a26da;--app-bg:#f7f6fa;--app-surface:#fff;--app-field:#faf9fc;--app-border:#e6e1ed;--app-disabled:#f3f1f6;--app-scroll:#c9b5ea;--app-notice-bg:#fff8ea;--app-notice-border:#f3e6c8;--app-notice-ink:#805d25;--app-notice-icon:#a27227;--app-error-bg:#fff0f0;--app-error-ink:#dc5263;--app-ink:#24202e;--app-muted:#777181;--app-line:#ece9f1;--app-tint:#f4effc;background:var(--app-bg);color:var(--app-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:400;font-optical-sizing:auto;font-size:14px;line-height:1.6;-webkit-tap-highlight-color:transparent}
.app-ui .page{display:block;height:auto;max-width:600px;min-height:100vh;margin:0 auto;padding:0;background:var(--app-surface)}
.app-ui .main{height:auto;min-height:100vh;padding:88px 0 calc(100px + env(safe-area-inset-bottom,0px));margin:0;display:block}
.app-ui .container{width:100%;max-width:100%;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}
.app-ui section.container{margin-top:0;margin-bottom:24px}
.app-ui .text-page{width:100%;max-width:100%;margin:0;padding:0 20px;text-align:start;overflow-wrap:anywhere}
.app-ui .text-page p,.app-ui .text-page li{font-size:14px;line-height:1.75}
.app-ui .text-page p,.app-ui .text-page .ul>li{margin:0 0 16px}
.app-ui .text-page .ul{margin:0 0 24px;padding:0;list-style:none}
.app-ui .text-page .tit{margin:24px 0 8px;font-weight:700}
.app-ui .text-page .ul>.tit{margin:24px 0 8px}
.app-ui .text-page .ul>.tit:first-child{margin-top:0}
.app-ui .text-page .li_margin-0>li{margin-bottom:8px}
.app-ui .main__row,.app-ui .lk__main__row{display:block;margin:0;padding:0}
.app-ui .main__row>.left-side,.app-ui .header__lk-bottom,.app-ui #preloader,.app-ui .preloader{display:none!important}
.app-ui .main__row>.right-side{width:100%;max-width:none;padding:0;margin:0}
.app-ui h1,.app-ui h2,.app-ui .h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:700;color:var(--app-ink)}
.app-ui h3{font-size:17px;line-height:1.4}
.app-ui .section-title{margin:0 0 24px;padding:0;text-align:start}
.app-ui .section-title h1,.app-ui .section-title h2,.app-ui .section-title .h2{font-size:24px;line-height:1.35;margin:0 0 8px}
.app-ui .section-title p{font-size:13px;line-height:1.65;color:var(--app-muted);margin:0}
.app-ui .app-telegram-link{white-space:nowrap;line-height:inherit}
.app-ui .app-telegram-link img{width:16px;height:16px;margin-inline-end:5px;vertical-align:-3px}
.app-ui .app-faq-heading{margin-bottom:8px}
.app-ui .faq-page{margin-top:0}
.app-ui button,.app-ui input,.app-ui select,.app-ui textarea,.app-ui .btn,.app-ui .form-control,.app-ui .counter input,.app-ui li,.app-ui th,.app-ui td{font-family:inherit}
.app-ui input.form-control::placeholder,.app-ui textarea.form-control::placeholder{font-family:inherit}
.app-ui a:focus-visible,.app-ui button:focus-visible,.app-ui summary:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}
.app-header{position:fixed;z-index:100;top:0;left:0;right:0;max-width:600px;height:68px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--app-surface);border-bottom:1px solid var(--app-line)}
.app-brand{display:flex;align-items:center;flex-shrink:0}
.app-brand img{width:128px;height:auto}
.app-header__actions{display:flex;align-items:center}
.app-ui .app-header .language-switcher{margin:0 10px 0 0}
.app-ui .language-picker__trigger{border:0;background:var(--app-field);min-height:40px;border-radius:12px}
.app-ui .language-picker__panel{width:260px;max-width:calc(100vw - 32px);top:calc(100% + 16px);right:-46px}
.app-ui .language-picker__options{max-height:60vh}
.app-icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:12px;background:transparent;color:var(--app-muted);width:40px;height:40px;padding:8px;cursor:pointer}
.app-icon-button:hover{background:var(--app-tint);color:var(--app-accent)}
.app-tabbar{position:fixed;z-index:110;bottom:0;left:0;right:0;display:flex;align-items:stretch;max-width:600px;margin:auto;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:var(--app-surface);border-top:1px solid var(--app-line)}
.app-tabbar>.app-tab,.app-account{width:20%;min-width:0}
.app-tab{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:52px;padding:5px 2px 0;text-align:center;color:var(--app-muted);cursor:pointer;list-style:none;font-size:10px;font-weight:600;line-height:1.35;transition:color .15s,transform .15s}
.app-ui .app-tab svg{box-sizing:border-box!important;width:46px!important;height:30px!important;flex-shrink:0;padding:4px 12px;margin-bottom:4px;border-radius:12px;transition:background .15s}
.app-tab.is-active,.app-account[open]>.app-tab{color:var(--app-accent)}
.app-tab.is-active svg,.app-account[open]>.app-tab svg{background:var(--app-tint)}
.app-tab:active{transform:scale(.94)}
.app-tab::-webkit-details-marker{display:none}
.app-account__panel{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;max-height:calc(100vh - 160px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--app-line);border-radius:24px;background:var(--app-surface);padding:18px 22px;box-shadow:0 -12px 70px rgba(34,20,56,.16);animation:app-sheet-in .18s ease-out}
.app-account__heading{display:flex;align-items:center;justify-content:space-between}
.app-account__heading h2{margin:0;font-size:22px}
.app-account__email{color:var(--app-muted);font-size:12px;overflow-wrap:anywhere;margin:0 0 12px}
.app-account__panel>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 0;border-bottom:1px solid var(--app-line);color:var(--app-ink);font-weight:600;font-size:14px}
.app-account__panel>a span{color:#a7a0b2;font-size:22px}
.app-account__panel>a.app-account__login{color:var(--app-accent)}
.app-account__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:12px}
.app-account__legal{margin-left:auto;text-align:right}
.app-account__legal a{display:block;padding:3px 0;color:var(--app-muted);font-size:12px;line-height:1.4}
.app-account__footer>.app-account__logout{padding:3px 0;color:var(--app-muted);font-size:12px;line-height:1.4;font-weight:600}
.app-keyboard .app-tabbar{display:none}
.app-wallet{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin:0 0 26px;border-radius:18px;background:var(--app-primary);color:#fff;font-size:12px}
.app-wallet:hover{color:#fff}
.app-wallet strong{display:block;font-size:28px;line-height:1.35;letter-spacing:-.5px}
.app-wallet__action{padding:8px 0 8px 12px;font-size:11px;font-weight:600;text-align:end}
.app-wallet__action>span{display:inline-block;font-size:22px;vertical-align:middle;margin-inline-start:8px}
/* One continuous order workspace; platform choices are a horizontal picker. */
.app-ui .short-order{padding-top:0}
.app-ui .order-steps{display:block;border:0;border-radius:0;margin:0;background:none}
.app-ui .order-steps .step{width:100%;border:0;margin:0 0 26px;padding:0}
.app-ui .step__header{display:flex;align-items:center;justify-content:flex-start;border:0;padding:0;margin:0 0 12px;min-height:24px;height:auto}
.app-ui .step__number{width:24px;height:24px;min-width:24px;line-height:24px;font-size:11px;border-radius:8px;background:var(--app-tint);color:var(--app-accent);margin:0;display:block;text-align:center}
.app-ui .order-steps .step__tit{display:block;padding:0;margin:0;margin-inline-start:10px;font-size:13px;font-weight:600}
.app-ui .order-steps .step.step-3{width:100%}
.app-ui .order-steps .step.step-3 .step__tit{display:block}
.app-ui .step__body{padding:0;border:0}
.app-ui .step-1 .platform-select{display:none}
.app-ui .step-1 .radio__list{display:flex;flex-wrap:nowrap;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 8px;margin:0;scrollbar-width:thin;scrollbar-color:var(--app-scroll) transparent;cursor:grab}
.app-ui .step-1 .radio__list::-webkit-scrollbar{height:5px}
.app-ui .step-1 .radio__list::-webkit-scrollbar-thumb{background:var(--app-scroll);border-radius:5px}
.app-ui .step-1 .radio__list.is-dragging,.app-ui .step-1 .radio__list.is-dragging label{cursor:grabbing;user-select:none}
.app-ui .step-1 .radio label{user-select:none;-webkit-user-select:none}
.app-ui .step-1 .radio label img{-webkit-user-drag:none}
.app-ui .step-1 .radio input{position:absolute;left:0;right:auto;top:0;width:1px;height:1px}
.app-platform-nav{display:flex;margin-inline-start:auto;padding-inline-start:8px}
.app-platform-nav button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin-inline-start:6px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface);color:var(--app-accent);cursor:pointer}
.app-platform-nav button:disabled{opacity:.3;cursor:default}
html[dir="rtl"] .app-platform-nav svg{transform:rotate(180deg)}
html[dir="rtl"] .app-ui .step-1 .radio input{left:auto;right:0}
.app-ui .step-1 .radio{flex:0 0 83px;width:83px;margin:0 8px 0 0;position:relative}
.app-ui .step-1 .radio label{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:90px;width:100%;padding:12px 4px 8px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-surface);font-size:10px;line-height:1.3;font-weight:600;text-align:center;scroll-snap-align:start;white-space:normal;transition:background .15s,border-color .15s}
.app-ui .step-1 .radio label .img{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 0 9px!important}
.app-ui .step-1 .radio label img{width:28px;height:28px;object-fit:contain}
.app-ui .step-1 .radio label:before,.app-ui .step-1 .radio label:after{display:none!important}
.app-ui .step-1 .radio input[type="radio"]:checked~label{border-color:var(--app-accent);border-radius:16px;background:var(--app-tint);color:var(--app-accent)}
.app-ui .step-1 .radio input:focus-visible~label{outline:2px solid var(--app-accent);outline-offset:2px}
.app-ui .step-2 .radio__list{display:none}
.app-ui .step-2 .type-service-select{display:block}
.app-ui .form-group{margin-bottom:22px}
.app-ui .form-group label{display:block;color:var(--app-ink);font-size:12px;line-height:1.5;font-weight:600;margin-bottom:8px}
.app-ui .form-control{min-height:50px;height:auto;padding:14px 15px;border:1px solid var(--app-border);background:var(--app-field);border-radius:12px;font-size:14px;line-height:20px;color:var(--app-ink);box-shadow:none}
.app-ui .form-control:focus{border-color:var(--app-accent);background:var(--app-surface);box-shadow:0 0 0 3px rgba(106,38,218,.06);outline:none}
.app-ui .form-control:disabled{color:var(--app-muted);background:var(--app-disabled)}
.app-ui .bootstrap-select{width:100%!important;max-width:100%}
/* Keep geometry stable when legacy select hover/focus rules apply. */
.app-ui .bootstrap-select>.dropdown-toggle,.app-ui .bootstrap-select>.dropdown-toggle:hover,.app-ui .bootstrap-select>.dropdown-toggle:focus,.app-ui .bootstrap-select>.dropdown-toggle:active{transform:none;min-height:50px;height:auto;padding:14px 32px 14px 14px;border:1px solid var(--app-border)!important;border-radius:12px!important;background:var(--app-field)!important;color:var(--app-ink)!important;font-size:13px;line-height:1.5;white-space:normal;text-transform:none;box-shadow:none!important}
.app-ui .bootstrap-select>.dropdown-toggle .filter-option{position:static;float:none;padding:0;height:auto;width:100%;white-space:normal;text-align:start}
.app-ui .filter-option-inner-inner{display:flex;align-items:center;white-space:normal}
.app-ui .filter-option-inner-inner img{flex:0 0 22px;width:22px;height:22px;margin-inline-end:10px}
.app-ui .bootstrap-select .dropdown-menu{border:1px solid var(--app-line);border-radius:14px;padding:6px;box-shadow:0 12px 28px rgba(36,20,56,.1);max-width:100%;min-width:100%}
/* Bootstrap-select writes a measured min-width inline; keep the popup within its field. */
.app-ui .bootstrap-select>.dropdown-menu{width:100%;min-width:0!important;max-width:100%}
.app-ui .bootstrap-select .dropdown-menu.inner{padding:0;border:0;box-shadow:none}
.app-ui .bootstrap-select .dropdown-menu li a{white-space:normal;padding:12px 10px;border-radius:8px;font-size:13px;line-height:1.5}
.app-ui .bootstrap-select .dropdown-menu li a span.text{white-space:normal;overflow-wrap:anywhere}
.app-ui .bootstrap-select .dropdown-menu li a img{width:20px;height:20px;margin-inline-end:8px}
.app-ui .bootstrap-select .dropdown-menu li.selected a{background:var(--app-tint);color:var(--app-accent)}
.app-ui .btn,.app-ui .form-btn{border-radius:13px;min-height:50px;padding:14px 20px;font-size:14px;font-weight:600;line-height:22px;transition:transform .12s,background .12s}
.app-ui .btn:active{transform:scale(.98)}
.app-ui .form-btn{width:100%;background:var(--app-primary);color:#fff;border:0}
.app-ui .btn-description-tariffs{font-size:11px;min-height:30px;line-height:1.4;padding:0 0 8px 8px;max-width:45%;text-align:end}
.app-ui .tariff-counter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.app-ui .counter{height:48px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-field);display:flex;align-items:center;overflow:hidden;padding:0;max-width:62%}
.app-ui .counter .minus,.app-ui .counter .plus{display:flex;align-items:center;justify-content:center;width:42px;height:46px;min-width:34px;font-size:23px;background:transparent;border:0;border-radius:0;color:var(--app-accent);cursor:pointer;margin:0}
.app-ui .counter input{width:65px;max-width:90px;min-width:0;border:0;background:transparent;text-align:center;font-size:14px;box-shadow:none}
.app-ui .counter .minus:before,.app-ui .counter .minus:after,.app-ui .counter .plus:before,.app-ui .counter .plus:after{display:none}
.app-ui .price-block{font-size:20px;line-height:1.4;font-weight:700;color:var(--app-accent);margin:8px 0}
.app-ui .limit{margin:10px 0 0;align-items:flex-start;font-size:11px;color:var(--app-muted)}
.app-ui .limit img{margin-inline-end:7px;margin-top:3px;flex-shrink:0}
.app-ui .limit p{font-size:11px;line-height:1.5}
.app-ui .promo-code .form-control{padding-inline-end:110px}
.app-ui .promo-code>span{font-size:11px;min-height:44px;display:flex;align-items:center;cursor:pointer}
.app-order-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start}
.app-ui .app-order-fields>.form-group{min-width:0;margin-bottom:0}
.app-ui .app-order-fields label{min-height:36px;display:flex;align-items:flex-end;line-height:18px}
.app-ui .app-order-fields .counter{width:100%;max-width:100%;height:50px}
.app-ui .app-order-fields .counter input{flex:1;width:0;max-width:none;padding:0 2px}
.app-ui .app-order-fields .counter button{flex:0 0 34px;width:34px}
.app-ui .app-order-fields .promo-code{display:flex;align-items:center;min-width:0;height:50px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-field)}
.app-ui .app-order-fields .promo-code:focus-within{border-color:var(--app-accent);background:var(--app-surface);box-shadow:0 0 0 3px rgba(106,38,218,.06)}
.app-ui .app-order-fields .promo-code .form-control{flex:1;min-width:0;width:0;min-height:48px;height:48px;padding:14px 0 14px 12px;padding-inline-start:12px;padding-inline-end:0;border:0;background:transparent;box-shadow:none}
.app-ui .app-order-fields .promo-code>span{position:static;transform:none;flex-shrink:0;justify-content:center;text-align:center;width:auto;max-width:60%;padding:0 10px;line-height:16px}
.app-ui .app-order-fields .btn-get-promocode{display:none}
.app-order-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 0;margin:6px 0 18px;border-top:1px solid var(--app-line);font-size:13px;font-weight:600}
.app-ui .app-order-total>.result{font-size:22px;line-height:1.4;font-weight:700;color:var(--app-accent);margin:0}
.app-ui .order-error,.app-ui .error_msg{margin:8px 0 16px;font-size:12px;line-height:1.5}
.app-ui .app-service-notice{position:relative;margin:0 0 18px;padding:13px 14px;padding-inline-start:44px;border:1px solid var(--app-notice-border);border-radius:14px;background:var(--app-notice-bg);color:var(--app-notice-ink);font-size:13px;line-height:1.6;font-weight:500;text-align:start;overflow-wrap:anywhere}
.app-ui .app-service-notice::before{content:'!';position:absolute;top:14px;left:14px;width:18px;height:18px;border:1.5px solid var(--app-notice-icon);border-radius:50%;color:var(--app-notice-icon);font-family:Arial,sans-serif;font-weight:700;font-size:12px;line-height:16px;text-align:center}
.app-ui .section-title .app-service-notice{margin-top:16px;margin-bottom:0;color:var(--app-notice-ink)}
html[dir="rtl"] .app-ui .app-service-notice::before{left:auto;right:14px}
/* Shared client screens: catalog, authentication, wallet and account. */
.app-ui .breadcrumb{padding:0;margin:0 0 18px;font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.app-ui .right-side__header{display:block;margin:0 0 24px;padding:0;border:0}
.app-ui .app-catalog .breadcrumb,.app-ui .app-catalog .right-side>.section-title.mob-none{display:none}
.app-ui .right-side__header>form{display:block}
.app-ui .right-side__header .platform-select,.app-ui .right-side__header .type-service-select{display:block}
.app-ui .right-side__header .form-group{width:100%;margin:0 0 16px}
.app-ui .service__filter{display:none}
.app-ui .service__item{padding:20px 0;margin:0;border:0;border-bottom:1px solid var(--app-line);border-radius:0;display:block}
.app-ui .service__item .service__img{display:none}
.app-ui .service__item,.app-ui .service__header,.app-ui .service__discription{text-align:start}
.app-ui .service__discription p{font-size:13px;line-height:1.7;margin:0 0 10px;color:var(--app-muted)}
.app-ui .service__price>.mob-none{display:none}
.app-ui .service__rating .rating{font-size:11px;line-height:1.5;margin:0 12px 8px 0}
.app-ui .service__rating .rating .tit{font-size:11px;margin-inline-end:5px}
.app-ui .service__rating .rating img{max-width:14px;max-height:14px}
.app-ui .breadcrumb{background:none;color:var(--app-muted)}
.app-ui .service__discription{width:100%;margin:0;padding:0}
.app-ui .service__header{display:block;margin:0 0 12px;padding:0}
.app-ui .service__header .price{color:var(--app-accent);font-size:14px;margin-top:6px}
.app-ui .service__tit{font-size:16px;line-height:1.45;font-weight:600;margin:0 0 8px}
.app-ui .service__discription .service__tit.mob-none{display:none}
.app-ui .service__price{display:block;width:100%;margin:16px 0 0;padding:0;text-align:start}
.app-ui .service__price .btn{width:100%}
.app-ui .app-catalog #services-list>.service__item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start;padding:16px;margin:0 0 14px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface)}
.app-ui .app-catalog #services-list>.service__item:last-child{margin-bottom:0}
.app-ui .app-catalog #services-list>.service__item>a{display:none}
.app-ui .app-catalog #services-list .service__header{grid-column:1;grid-row:1;min-width:0}
.app-ui .app-catalog #services-list .service__tit{overflow-wrap:anywhere}
.app-ui .app-catalog #services-list .service__discription{grid-column:1 / -1;grid-row:2}
.app-ui .app-catalog #services-list .service__price{grid-column:2;grid-row:1;width:auto;margin:0;text-align:end}
.app-ui .app-catalog #services-list .service__price .btn{width:auto;margin:0;min-height:40px;padding:9px 14px;border-radius:11px;font-size:12px;line-height:22px;white-space:normal;max-width:130px}
.app-ui .service__rating{display:flex;flex-wrap:wrap;margin:8px 0}
.app-ui .service__rating>div{margin-inline-end:12px;margin-bottom:6px}
.app-ui .order,.app-ui .order-form{width:100%;max-width:none;margin:0;padding:0;border:0}
.app-ui .order>.service__item{margin-bottom:20px}
/* Checkout summary follows the same theme as the order form. */
.app-ui .google-billing [hidden]{display:none!important}
.app-ui .google-billing__account label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.app-ui .google-billing__account .btn{margin-top:16px;width:100%}
.app-ui .google-billing h3{margin:0 0 8px}
.app-ui .google-billing__hint{font-size:12px;color:var(--app-muted);margin:0 0 16px}
.app-ui .google-billing__packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px}
.app-ui .google-billing__package{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--app-field);color:var(--app-ink);border:1px solid var(--app-border);border-radius:14px;cursor:pointer}
.app-ui .google-billing__package strong{font-size:17px}.app-ui .google-billing__package span{font-size:12px;color:var(--app-muted)}
.app-ui .google-billing__package[aria-pressed="true"]{border-color:var(--app-accent);background:var(--app-tint)}
.app-ui .google-billing__package:disabled{opacity:.4;cursor:default}
.app-ui .google-billing__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:20px 0;padding:16px 0;border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line);font-size:13px}
.app-ui .google-billing__summary dt{font-weight:400;color:var(--app-muted)}.app-ui .google-billing__summary dd{margin:0;text-align:end;font-weight:600}
.app-ui .google-billing .btn{width:100%;background:var(--app-primary);color:#fff}
.app-ui .order-data{margin:0 0 24px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-field);overflow:hidden;color:var(--app-ink)}
.app-ui .order-data__header{padding:12px 16px;gap:8px 16px;border-bottom:1px solid var(--app-line)}
.app-ui .order-data .tit{color:var(--app-ink);font-size:13px;font-weight:600}
.app-ui .order-data__change{display:inline-flex;align-items:center;min-height:36px;color:var(--app-accent);font-size:13px;font-weight:600;border-radius:6px}
.app-ui .order-data__change:hover{text-decoration:underline}
.app-ui .order-data__body{padding:16px;margin:0}
.app-ui .order-data__info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline;gap:6px 16px;margin:0 0 14px;text-align:start}
.app-ui .order-data__info:last-child{margin-bottom:0}
.app-ui .order-data__info .tit{margin:0;color:var(--app-muted);font-size:12px}
.app-ui .order-data__info .value{width:auto;min-width:0;color:var(--app-ink);font-size:13px;overflow-wrap:anywhere}
.app-ui .order-data__info .value a{width:auto;color:var(--app-accent);overflow-wrap:anywhere}
.app-ui .order-data__info .value bdi{font-weight:600}
.app-ui .order-data__info .value s{margin-inline-start:6px;color:var(--app-muted)}
@media(max-width:380px){.app-ui .order-data__info{grid-template-columns:minmax(0,1fr);gap:4px}}
.app-back{display:inline-flex;align-items:center;min-height:40px;margin:0 0 14px;font-size:12px;font-weight:600;color:var(--app-accent)}
.app-back span{font-size:26px;line-height:1;margin-inline-end:8px}
.app-service-details{padding:16px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);margin:0 0 24px;overflow-wrap:anywhere}
.app-service-details>p{font-size:13px;line-height:1.7;color:var(--app-muted);margin:0 0 12px}
.app-ui .app-service-details .service__rating{margin:0}
.app-ui .tariff-counter>.result{font-size:20px;line-height:1.4;font-weight:700;color:var(--app-accent);margin:8px 0}
.app-ui .last-reviews{margin-top:32px}
.app-ui .faq-page .dropdownBlock{margin:0;border:0;border-bottom:1px solid var(--app-line)}
.app-ui .faq-page .dropdown__btn{padding:18px 0;min-height:54px;align-items:center;border:0;border-radius:0}
.app-ui .faq-page .dropdown__btn .tit{font-size:14px;line-height:1.5;padding-inline-end:16px}
.app-ui .faq-page .dropdown__content{padding:0 0 18px;font-size:13px;line-height:1.7;color:var(--app-muted)}
.app-ui .login__section{width:100%;max-width:420px;margin:20px auto 0;padding:0;background:none;border:0;box-shadow:none}
.app-ui .login__section .section-title{text-align:start;margin-bottom:30px}
.app-ui .bottom_txt{font-size:12px;line-height:1.7;padding-top:18px}
.app-ui .bottom_txt p{color:var(--app-muted)}
.app-ui .form-agreement.checkbox label{color:var(--app-ink)}
.app-ui .forgot-password{font-size:11px}
.app-ui .admin-card{background:var(--app-surface);box-shadow:none;border:0;border-radius:0;margin:0 0 24px}
.app-ui .admin-card__header{background:none;padding:0 0 20px;display:flex;flex-wrap:wrap;height:auto;border:0}
.app-ui .admin-card__header .tit{font-size:23px;line-height:1.4;font-weight:700;margin:0;color:var(--app-ink)}
.app-ui .admin-card__body{padding:0}
.app-ui .admin-null{padding:40px 10px;text-align:center}
.app-ui .admin-null>.img{margin:0}
.app-ui .admin-null>.img img{max-width:130px;max-height:130px}
.app-ui .admin-null .tit{font-size:19px;margin:22px 0 10px}
.app-ui .admin-null p{font-size:13px;line-height:1.7;color:var(--app-muted);margin:0}
.app-ui .admin-null .create-order_btn{display:flex;justify-content:center;margin:22px auto 0;padding:14px 18px;border-radius:13px;background:var(--app-primary);color:#fff;border:0;min-height:50px}
.app-ui .admin-null .create-order_btn img{display:none}
.app-ui .admin__banner-promocode,.app-ui .rate-work{display:none}
.app-ui .admin-form{max-width:none;width:100%}
.app-ui .admin-operations__row{display:block;padding:0}
.app-ui .admin-operations__row>div{max-width:100%;width:100%;padding:0;margin:0}
.app-ui .admin-operations__row>div+div{margin-top:32px}
.app-ui .admin-operations .admin-card__header{padding-bottom:16px}
.app-ui .admin-operations .admin-card__header .tit,.app-ui .admin-operations__title h2{font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.4px;margin:0}
.app-ui .admin-operations__title{margin:0 0 16px;padding:0}
.app-ui .admin-operations .admin-card__body{border:0}
.app-ui .app-history-empty{margin:0;padding:24px 16px;border-radius:14px;background:var(--app-field);color:var(--app-muted);font-size:13px;line-height:1.7;text-align:center}
.app-ui .app-topup-history__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--app-line)}
.app-ui .app-topup-history__item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:16px 0;border-bottom:1px solid var(--app-line);color:var(--app-ink)}
.app-ui .app-topup-history__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--app-tint);color:var(--app-accent)}
.app-ui .app-topup-history__provider{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.app-ui .app-topup-history__date{display:block;font-size:12px;line-height:1.5;color:var(--app-muted);overflow-wrap:anywhere}
.app-ui .app-topup-history__amount{font-size:15px;line-height:1.4;font-weight:600;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:110px}
.app-ui .app-topup-history .admin-pagination__list,.app-ui .app-order-history .admin-pagination__list{justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.app-ui .app-topup-history .admin-pagination__link,.app-ui .app-order-history .admin-pagination__link{width:40px;height:40px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-field);color:var(--app-ink);cursor:pointer;font-family:inherit}
.app-ui .app-topup-history .active .admin-pagination__link,.app-ui .app-order-history .active .admin-pagination__link{background:var(--app-primary);border-color:var(--app-primary);color:#fff}
.app-ui .app-topup-history .admin-pagination__dots,.app-ui .app-order-history .admin-pagination__dots{width:auto;height:auto;background:transparent}
.app-ui .app-topup-history .admin-pagination__dots .admin-pagination__link,.app-ui .app-order-history .admin-pagination__dots .admin-pagination__link{border:0;background:transparent;color:var(--app-muted);cursor:default}
.app-ui .admin-orders__history{border:0}
.app-ui .app-order-history__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.app-ui .app-order-history__item{margin:0;padding:16px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-field);color:var(--app-ink);min-width:0;text-align:start}
.app-ui .app-order-history__header{display:flex;align-items:flex-start;gap:12px}
.app-ui .app-order-history__icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.app-ui .app-order-history__details{min-width:0;flex:1}
.app-ui .app-order-history__name{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.app-ui .app-order-history__url{display:block;color:var(--app-accent);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.app-ui .app-order-history__summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.app-ui .app-order-history__summary strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.app-ui .app-order-history__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--app-line)}
.app-ui .app-order-history__footer time{font-size:11px;line-height:1.5;color:var(--app-muted)}
.app-ui .app-order-history__status{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:4px 9px;border-radius:8px;font-size:11px;font-weight:600;line-height:1.5;max-width:100%;overflow-wrap:anywhere;background:var(--app-tint);color:var(--app-accent)}
.app-ui .app-order-history__status--warning{background:var(--app-notice-bg);color:var(--app-notice-ink)}
.app-ui .app-order-history__status--canceled{background:var(--app-error-bg);color:var(--app-error-ink)}
.app-ui .app-order-history__status--completed{background:rgba(38,155,104,.12);color:#208457}
html[data-theme="dark"] .app-ui .app-order-history__status--completed{color:#73d9aa}
.app-ui .app-wallet--standalone{margin-bottom:28px}
.app-ui .app-wallet--standalone strong{font-size:36px}
.app-ui .topup-unavailable{margin:0;padding:18px;border-radius:14px;background:var(--app-tint);color:var(--app-muted);font-size:13px;line-height:1.7}
.app-ui .admin-setting .admin-card__header:not(:first-child){padding-top:24px;border-top:1px solid var(--app-line)}
.app-ui .admin-form__form-control{max-width:100%}
.app-ui .admin-setting .form-group__img .form-control{padding-inline-start:44px}
.app-ui .admin-table__overflow{max-width:100%;overflow-x:auto}
.app-ui .faq{padding-top:0;padding-bottom:0}
.app-ui .faq__row{display:block;margin:0}
.app-ui .faq__item{width:100%;margin:0 0 12px;border:1px solid var(--app-line);border-radius:14px}
.app-ui .faq__item .tit{font-size:14px;line-height:1.5}
.app-ui .modal-dialog{width:auto;margin:16px auto;max-width:560px;padding:0 12px}
.app-ui .modal-content{border:0;border-radius:20px;box-shadow:0 20px 80px rgba(25,16,44,.2)}
.app-ui .modal-body{padding:20px;max-height:70vh;overflow:auto}
.app-ui .description-tariffs .modal-content{width:100%}
.app-ui .description-tariffs__list{max-height:none}
.app-ui .description-tariffs__text{padding:16px;margin:0 0 14px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);text-align:start;overflow-wrap:anywhere}
.app-ui .description-tariffs__text:last-child{margin-bottom:0}
.app-ui .description-tariffs__text h3{font-size:16px;line-height:1.45;margin:0 0 10px}
.app-ui .description-tariffs__text p{font-size:13px;line-height:1.65;color:var(--app-muted);margin:0 0 12px}
.app-ui .description-tariffs__text .service__rating{margin:0}
.app-ui .app-error-dialog .modal-dialog{display:block;position:absolute;top:50%;left:50%;height:auto;min-height:0;width:calc(100% - 32px);max-width:360px;margin:0;padding:0;transform:translate(-50%,-50%);transition:none}
.app-ui .app-error-dialog .modal-content{width:100%;position:relative;padding:28px 24px 24px;text-align:center;border-radius:24px}
.app-error-dialog__close{position:absolute;top:8px;right:8px}
html[dir="rtl"] .app-error-dialog__close{right:auto;left:8px}
.app-error-dialog__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:var(--app-error-bg);color:var(--app-error-ink);margin:0 auto 16px}
.app-ui .app-error-dialog h2{font-size:20px;line-height:1.4;margin:0 0 10px}
.app-ui .app-error-dialog .modal-body{padding:0;margin:0 0 22px;border:0;max-height:45vh;overflow:auto}
.app-ui .app-error-dialog .modal-body p{font-size:14px;line-height:1.65;color:var(--app-muted);margin:0;white-space:pre-line;overflow-wrap:anywhere}
.app-ui .app-error-dialog .modal-body a{color:var(--app-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;line-height:inherit}
.app-ui .app-error-dialog__confirm{width:100%;min-height:46px;margin:0}
html[dir="rtl"] .app-ui .app-header .language-switcher{margin:0 0 0 10px}
html[dir="rtl"] .app-ui .language-picker__panel{left:-46px;right:auto}
html[dir="rtl"] .app-ui .step__tit{padding:0}
html[dir="rtl"] .app-ui .step-1 .radio{margin:0 0 0 8px}
html[dir="rtl"] .app-ui .main__row>.right-side{padding:0}
html[dir="rtl"] .app-ui .service__discription{margin:0}
html[dir="rtl"] .app-ui .bootstrap-select>.dropdown-toggle{padding-right:14px;padding-left:32px}
html[dir="rtl"] .app-account__panel>a span{transform:rotate(180deg)}
html[dir="rtl"] .app-back span{transform:rotate(180deg)}
@keyframes app-sheet-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:601px){.app-ui .page{box-shadow:0 0 0 1px var(--app-line)}}
@media(max-width:359px){.app-ui .container,.app-ui .text-page{padding-left:16px;padding-right:16px}.app-header{padding-left:16px;padding-right:16px}.app-brand img{width:118px}.app-tab{font-size:9px}}
@media(prefers-reduced-motion:reduce){.app-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Static task preview. */
.app-ui .app-task{padding:20px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);text-align:start;overflow-wrap:anywhere}
.app-ui .app-task+.app-task{margin-top:18px}
.app-task__icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;margin-top:4px;border-radius:10px;background:var(--app-tint);color:var(--app-accent)}
.app-task__header{display:flex;align-items:flex-start;gap:12px}
.app-task__header>div{min-width:0;flex:1}
.app-task__header>img{flex:0 0 36px;margin-top:4px}
.app-task__id{display:block;color:var(--app-muted);font-size:11px;line-height:1.5;margin-bottom:4px}
.app-ui .app-task__header h2{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.3px}
.app-task__tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
.app-task__tags span{padding:4px 9px;border-radius:6px;background:var(--app-field);color:var(--app-muted);font-size:11px;font-weight:500}
.app-ui .app-task h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 10px}
.app-task__section{margin:0 0 20px}
.app-ui .app-task p,.app-ui .app-task li{font-size:13px;line-height:1.7;color:var(--app-muted);font-weight:400}
.app-ui .app-task p{margin:0 0 10px}
.app-ui .app-task p:last-child{margin-bottom:0}
.app-task__section ul{margin:0;padding:0;padding-inline-start:18px;list-style:disc}
.app-task__section li+li{margin-top:6px}
.app-task__report{padding:14px;border-radius:12px;background:var(--app-field)}
.app-task__timing{margin:20px 0;border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line);padding:8px 0}
.app-task__timing>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:12px;line-height:1.5}
.app-task__timing dt{color:var(--app-muted);font-weight:400}
.app-task__timing dd{margin:0;max-width:48%;text-align:end;color:var(--app-ink);font-weight:600;flex-shrink:0}
.app-ui .app-task__footer{margin:0;padding:0;background:transparent;color:var(--app-muted)}
.app-ui .app-task__footer>p{font-size:12px;margin:0 0 14px}
.app-ui .app-task__footer .form-btn:disabled{background:var(--app-disabled);color:var(--app-muted);opacity:1;cursor:not-allowed;transform:none;box-shadow:none}

.app-ui .account-password-link{margin:20px 0 0;font-size:14px}
.app-ui .account-password-link a{color:var(--app-accent);text-decoration:underline;text-underline-offset:3px}
.app-ui .account-delete-link{margin:120px 0 0;font-size:13px;text-align:right}
.app-ui .account-settings-links{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:20px}
.app-ui .account-settings-links>p{min-width:0;margin:0;overflow-wrap:anywhere}
.app-ui .account-settings-links .account-delete-link{margin-inline-start:auto;text-align:end}
.app-ui .account-deletion-guide h2{font-size:19px;margin:28px 0 16px}
.app-ui .account-deletion-guide ol{list-style:decimal;padding-inline-start:24px;margin:0 0 24px}
.app-ui .account-deletion-guide ol li{margin:0 0 12px;padding-inline-start:4px;line-height:1.65}
.app-ui .account-delete-link a{color:var(--app-muted);text-decoration:underline;text-underline-offset:3px}
.app-ui .account-delete-link a:hover{color:var(--app-error-ink)}
.app-ui .account-deletion{max-width:680px;margin:24px auto}
.app-ui .account-deletion h2{font-size:19px;margin:0 0 12px}
.app-ui .account-deletion p{line-height:1.65;margin-bottom:18px;color:var(--app-muted)}
.app-ui .account-deletion .account-deletion__email{color:var(--app-ink);overflow-wrap:anywhere}
.app-ui .account-deletion .account-deletion__error{color:var(--app-error-ink)}
.app-ui .account-deletion__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:28px}
.app-ui .account-deletion__actions .form-btn{width:auto;margin:0}
.app-ui .account-deletion__actions a{color:var(--app-accent)}

/* Theme tokens apply only to the client shell, never to the admin interface. */
html[data-theme="dark"] .app-ui{--app-primary:#7637dd;--app-accent:#c1a0ff;--app-ink:#eeeaf5;--app-muted:#ada6bb;--app-line:#302c3b;--app-tint:#302342;--app-bg:#101016;--app-surface:#17171f;--app-field:#22212c;--app-border:#393344;--app-disabled:#292632;--app-scroll:#675080;--app-notice-bg:#312919;--app-notice-border:#574324;--app-notice-ink:#e8c98a;--app-notice-icon:#ddb465;--app-error-bg:#38212c;--app-error-ink:#ff8c9d}
.app-ui .app-logo-dark,.app-ui .app-theme-sun{display:none}
html[data-theme="dark"] .app-ui .app-logo-light,html[data-theme="dark"] .app-ui .app-theme-moon{display:none}
html[data-theme="dark"] .app-ui .app-logo-dark,html[data-theme="dark"] .app-ui .app-theme-sun{display:block}
.app-ui .app-theme-toggle{color:var(--app-ink)}
.app-ui .step-1 .radio label,.app-ui .select .filter-option-inner-inner{color:var(--app-ink)}
.app-ui .app-header .language-switcher{margin-inline-end:4px}
.app-ui .language-picker__panel{right:-82px}
html[dir="rtl"] .app-ui .app-header .language-switcher{margin-left:4px;margin-right:0}
html[dir="rtl"] .app-ui .language-picker__panel{left:-82px;right:auto}
.app-ui h3,.app-ui h4,.app-ui h5,.app-ui h6,.app-ui .text-page,.app-ui .text-page li,.app-ui .step__tit,.app-ui .service__tit,.app-ui .service__rating .rating,.app-ui .service__rating .tit,.app-ui .faq-page .tit,.app-ui .admin-null .tit,.app-ui .counter input{color:var(--app-ink)}
.app-ui .btn-description-tariffs,.app-ui .promo-code .activate-promo-code,.app-ui .forgot-password,.app-ui .bottom_txt a,.app-ui .app-telegram-link{color:var(--app-accent)}
.app-ui .promo-code .cancel-promo-code{color:var(--app-error-ink)}
.app-ui input.form-control::placeholder,.app-ui textarea.form-control::placeholder{color:var(--app-muted);opacity:.8}
.app-ui .language-picker__trigger,.app-ui .language-picker__option{color:var(--app-ink)}
.app-ui .language-picker__panel{background:var(--app-surface);border-color:var(--app-border)}
.app-ui .language-picker__heading,.app-ui .language-picker__hint{color:var(--app-muted)}
.app-ui .language-picker__trigger:hover,.app-ui .language-picker[open] .language-picker__trigger,.app-ui .language-picker__option:hover,.app-ui .language-picker__option.is-current{background:var(--app-tint);color:var(--app-accent)}
.app-ui .bootstrap-select .dropdown-menu{background:var(--app-surface)}
.app-ui .bootstrap-select .dropdown-menu li a{color:var(--app-ink);border-color:var(--app-line)}
.app-ui .bootstrap-select .dropdown-menu li a:hover,.app-ui .bootstrap-select .dropdown-menu li a:focus,.app-ui .bootstrap-select .dropdown-menu li.selected a{background:var(--app-tint);color:var(--app-accent)}
.app-ui .bootstrap-select .bs-searchbox input{background:var(--app-field);color:var(--app-ink)}
.app-ui .modal-content,.app-ui .swal-modal{background:var(--app-surface);color:var(--app-ink)}
.app-ui .modal-header,.app-ui .modal-body,.app-ui .modal-footer{border-color:var(--app-line)}
.app-ui .modal-footer .close{opacity:1}
.app-ui .swal-title,.app-ui .swal-text{color:var(--app-ink)}
.app-ui .swal-button{background:var(--app-primary);color:#fff}
.app-ui .service__price .btn,.app-ui .modal-footer .btn,.app-ui .app-error-dialog__confirm{background:var(--app-primary);color:#fff}
.app-ui .faq-page .dropdown__btn,.app-ui .faq-page .dropdown__content{background:transparent}
.app-ui .faq-page .dropdown__content p{color:var(--app-muted)}
.app-ui .admin-table,.app-ui .admin-table td,.app-ui .admin-table th,.app-ui .last-reviews__item{background:var(--app-surface);border-color:var(--app-line);color:var(--app-ink)}
.app-ui .admin-table .tit,.app-ui .admin-table .value,.app-ui .admin-table p,.app-ui .admin-table .td-date,.app-ui .admin-table .td-kol,.app-ui .admin-table .td-tit{color:var(--app-ink)}
.app-ui .admin-table .tr-tit th{background:var(--app-field)}
.app-ui .admin-table a,.app-ui .text-page a,.app-ui .pagination a{color:var(--app-accent)}
.app-ui .pagination a{background:var(--app-field);border-color:var(--app-border)}
.app-ui .admin-card__body,.app-ui .admin-null{border-color:var(--app-line)}
html[data-theme="dark"] .app-ui .bootstrap-select .caret,html[data-theme="dark"] .app-ui .faq-page .dropdown__wrap-ico{filter:brightness(0) invert(.85)}
html[data-theme="dark"] .app-ui input:-webkit-autofill{-webkit-text-fill-color:var(--app-ink);box-shadow:0 0 0 1000px var(--app-field) inset}
@media(max-width:374px){.app-ui .app-header{padding-left:16px;padding-right:16px}.app-ui .app-brand img{width:110px}.app-ui .app-header .language-picker__trigger{padding-left:7px;padding-right:7px}.app-ui .app-header .app-icon-button{width:36px;padding:7px}}