:root{--brand:#f05b31;--brand-rgb:240,91,49;--brand-bg:#101216;--orange:#ff4f12;--orange-dark:#df3d00;--soft:#fff0ea;--ink:#111;--muted:#727272;--line:#e8e8e8;--surface:#f6f6f4;--white:#fff}
@font-face{font-family:"Montserrat Local";src:url("../fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"Montserrat Local";src:url("../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:"Vazirmatn Local";src:url("../fonts/Vazirmatn/Vazirmatn-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Montserrat Local",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.orange,.kicker{color:var(--orange)}[hidden]{display:none!important}
.topbar{height:34px;background:#111;color:#fff;font-size:11px;font-weight:600}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar p,.topbar-links{margin:0;display:flex;align-items:center;gap:8px}.topbar-links{color:#aaa}.topbar-links i{width:3px;height:3px;border-radius:50%;background:#555}.topbar a:hover{color:#fff}
.header{position:relative;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-wrap{height:80px;display:flex;align-items:center;gap:27px}.brand{width:186px;line-height:0}.brand img{width:100%;height:auto}.desktop-nav{height:100%;display:flex;align-items:stretch;gap:27px;margin-left:auto}.desktop-nav>a,.nav-link{height:100%;display:flex;align-items:center;gap:5px;border:0;background:transparent;font-size:12px;font-weight:600;position:relative;white-space:nowrap}.desktop-nav>a:after,.nav-link:after{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:var(--orange);transition:.25s}.desktop-nav>a:hover:after,.nav-link:hover:after,.nav-link.active:after{left:0;right:0}.desktop-nav>a:hover,.nav-link:hover,.nav-link.active{color:var(--orange)}.dropdown{position:relative}.nav-actions{display:flex;align-items:center;gap:8px}.currency-button,.bag-button,.login-button{height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.currency-button{padding:0 13px;border:1px solid var(--line);background:#f5f5f5;font-size:11px;font-weight:700}.bag-button{width:42px;border:1px solid var(--line);background:#fff;position:relative}.bag-button>span{position:absolute;right:-5px;top:-6px;width:18px;height:18px;border-radius:50%;background:var(--orange);color:#fff;border:2px solid #fff;font-size:9px;display:grid;place-items:center}.login-button{padding:0 16px;gap:7px;border:1px solid #111;background:#111;color:#fff;font-size:11px;font-weight:700}.login-button:hover{background:var(--orange);border-color:var(--orange)}.mobile-toggle{display:none;border:0;background:transparent;font-size:25px}.mobile-menu{display:none}
.dropdown-panel{display:none;position:absolute;top:calc(100% + 10px);left:-18px;width:280px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.14);animation:drop .18s ease}.dropdown-panel.open{display:block}.dropdown-panel>p{margin:4px 8px 9px;color:#999;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:700}.services-menu button,.services-menu a{width:100%;display:grid;grid-template-columns:34px 1fr 14px;align-items:center;gap:9px;border:0;border-radius:9px;background:#fff;padding:9px;color:inherit;text-align:left;text-decoration:none}.services-menu button:hover,.services-menu a:hover,.telegram-menu a:hover{background:var(--soft)}.services-menu i{width:34px;height:34px;border-radius:8px;background:var(--soft);color:var(--orange);font-style:normal;display:grid;place-items:center}.services-menu span,.telegram-menu span,.currency-menu span{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:600}.services-menu small,.telegram-menu small,.currency-menu small{font-size:8px;color:#999;font-weight:500}.services-menu b{color:var(--orange)}.telegram-menu{width:245px}.telegram-menu a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:9px}.telegram-menu b{color:var(--orange)}.currency-menu{left:auto;right:0;width:160px}.currency-menu button{width:100%;border:0;border-radius:8px;background:#fff;padding:9px;display:flex;justify-content:space-between;text-align:left}.currency-menu button:hover{background:#f6f6f6}.currency-menu b{color:var(--orange)}@keyframes drop{from{transform:translateY(-5px);opacity:0}}
.hero{position:relative;min-height:660px;padding-top:84px;background:linear-gradient(135deg,#fff 0%,#fff 48%,#f8f8f6 100%);border-bottom:1px solid var(--line)}.dot-pattern{position:absolute;inset:0;background-image:radial-gradient(#d7d7d7 1px,transparent 1px);background-size:24px 24px;opacity:.25;mask-image:linear-gradient(to right,transparent 28%,#000 80%,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px}.hero-copy{padding-bottom:75px;z-index:1}.eyebrow{display:inline-flex;padding:8px 11px;border:1px solid #ffd4c4;border-radius:999px;background:var(--soft);color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.hero h1{max-width:690px;margin:24px 0;font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.055em;font-weight:800}.hero h1 span{color:var(--orange)}.hero-copy>p{max-width:580px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:30px}.primary-button{min-height:49px;padding:0 20px;border:0;border-radius:11px;background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(255,79,18,.22);font-size:11px;font-weight:700}.primary-button:hover{background:var(--orange-dark);transform:translateY(-1px)}.text-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:11px;font-weight:700}.text-button i{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.proof{display:flex;align-items:center;gap:14px;margin-top:32px}.avatars{display:flex;padding-left:8px}.avatars span{width:31px;height:31px;margin-left:-8px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#222;color:#fff;font-size:8px;font-weight:800}.avatars span:nth-child(3){background:var(--orange)}.avatars span:last-child{background:#fff;color:#555;border-color:var(--line)}.stars{color:var(--orange);letter-spacing:2px;font-size:11px}.proof small{display:block;margin-top:3px;color:#777;font-size:8px}
.hero-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;z-index:1}.aura{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(255,79,18,.17),transparent 67%);filter:blur(8px)}.dashboard{position:relative;width:414px;min-height:396px;padding:21px;border:1px solid #ddd;border-radius:25px;background:rgba(255,255,255,.93);box-shadow:0 28px 70px rgba(18,18,18,.15);transform:rotate(-2deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:10px}.dash-head span{display:flex;align-items:center;gap:7px;font-weight:700}.dash-head i{width:8px;height:8px;border-radius:50%;background:#27b376;box-shadow:0 0 0 4px rgba(39,179,118,.12)}.dash-head>b{font-size:8px;letter-spacing:.15em;color:#999}.balance{padding:23px 4px 21px}.balance small{color:#888;font-size:9px}.balance h3{margin:4px 0 9px;font-size:27px;letter-spacing:-.04em}.balance span{display:inline-block;padding:6px 8px;border-radius:999px;background:var(--soft);color:var(--orange);font-size:8px;font-weight:700}.order-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:11px;border:1px solid #eee;border-radius:12px;background:#fafafa}.order-row>i{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#fff;font-style:normal}.orange-box{background:var(--orange)}.black-box{background:#111}.order-row div{display:flex;flex-direction:column;gap:4px}.order-row div b{font-size:9px}.order-row div small{color:#999;font-size:7px}.order-row em{padding:6px 8px;border-radius:999px;font-size:7px;font-style:normal;font-weight:700}.processing{background:#fff3cf;color:#9a6a00}.done{background:#e9f8f1;color:#138756}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.metrics>div{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px}.metrics>div>b{color:var(--orange)}.metrics span{display:flex;flex-direction:column}.metrics strong{font-size:11px}.metrics small{color:#999;font-size:7px}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.14);animation:float 4s ease-in-out infinite}.float-card>i{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--orange);font-style:normal}.float-card>span{display:flex;flex-direction:column;gap:3px}.float-card b{font-size:9px}.float-card small{font-size:7px;color:#999}.float-card em{color:#27b376}.secure{right:-35px;top:74px}.instant{left:-20px;bottom:60px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-8px)}}
.search-shell{position:relative;z-index:5;min-height:94px;margin-bottom:-47px;padding:19px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.1)}.search-box{height:54px;display:flex;align-items:center;gap:11px;padding:0 17px;border:1px solid #ececec;border-radius:11px;background:#f8f8f8}.search-box span{color:var(--orange);font-size:23px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.search-button{height:54px;padding:0 24px;border:0;border-radius:11px;background:#111;color:#fff;font-size:10px;font-weight:700}.search-button:hover{background:var(--orange)}.search-shell>p{display:flex;align-items:center;gap:6px;margin:0 6px;color:#777;font-size:9px;font-weight:600}.search-shell>p span{color:var(--orange)}
.category-band{padding:86px 0 34px;background:var(--surface)}.services-section .category-band{padding:28px 0 34px;background:transparent}.category-list{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.category-list button,.category-list a{min-height:74px;padding:11px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left}.category-list button>i,.category-list a>i{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;font-style:normal}.category-list button>span,.category-list a>span{display:flex;flex-direction:column;gap:4px}.category-list b{font-size:9px;white-space:nowrap}.category-list small{font-size:7px;color:#aaa;white-space:nowrap}.category-list button:hover,.category-list a:hover,.category-list button.active,.category-list a.active{border-color:#e6e6e6;background:#fff;box-shadow:0 7px 24px rgba(0,0,0,.05)}.category-list button.active>i,.category-list a.active>i{border-color:var(--orange);background:var(--orange);color:#fff}
.section{padding:96px 0}.services-section,.process-section{background:var(--surface)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}/* The marketplace search box, in the slot the heading row already keeps open. Same shape as the one on the order history screen. */.service-search{width:245px;height:45px;flex:0 0 auto;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #cfd4d8;border-radius:9px;color:#999;background:#fff}.service-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px var(--soft)}.service-search .icon{width:15px;height:15px;flex:0 0 15px}.service-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:11px}.service-search input::-webkit-search-cancel-button{cursor:pointer}@media(max-width:760px){.section-heading{flex-direction:column;align-items:stretch}.service-search{width:100%}}.kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.section-heading h2,.center-heading h2,.dark-copy h2,.dark-copy h1,.cta h2{margin:0;font-size:clamp(31px,4vw,45px);line-height:1.05;letter-spacing:-.045em}.section-heading>div>p:last-child,.center-heading>p:last-child{max-width:570px;margin:13px 0 0;color:#777;font-size:11px;line-height:1.7}.outline-button{height:46px;padding:0 17px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:10px;font-weight:700}.outline-button:hover{border-color:var(--orange);color:var(--orange)}.filter-row{display:flex;gap:7px;margin-bottom:24px;overflow:auto;scrollbar-width:none}.filter-row button{padding:9px 13px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#777;font-size:8px;font-weight:700;white-space:nowrap}.filter-row button:hover,.filter-row button.active{border-color:#111;background:#111;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{overflow:hidden;border:1px solid #e6e6e6;border-radius:16px;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,.09)}.service-art{height:138px;margin:8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;color:#fff}.service-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:19px 19px}.service-art.orange{background:linear-gradient(135deg,#ff4f12,#be2c00)}.service-art.black{background:linear-gradient(135deg,#242424,#050505)}.service-art.silver{background:linear-gradient(135deg,#696969,#181818)}.service-art.gaming{background:linear-gradient(135deg,#ec4200,#1a120f 68%)}.service-art.blue{background:linear-gradient(135deg,#245ea7,#0f2241)}.service-art.purple{background:linear-gradient(135deg,#7024a7,#1d112a)}.service-art.pink{background:linear-gradient(135deg,#c11f6a,#2a1022)}.service-art>span{width:56px;height:56px;z-index:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.13);font-size:28px}
/* A service with a picture shows the picture instead of the lettered tile.
   It fills the same space, so a grid of cards keeps its rhythm whether or
   not every service has one. */
.service-art.has-picture{background:#0f1216}
.service-art.has-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.service-art.has-picture>b,.service-art.has-picture>em{z-index:2}
/* The code and badge sit on the picture, so they get something to sit on. */
.service-art.has-picture::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.detail-icon.has-picture{overflow:hidden;background:#0f1216}
.detail-icon.has-picture>img{width:100%;height:100%;object-fit:cover}
.service-art>b{position:absolute;left:13px;bottom:12px;font-size:11px;letter-spacing:.18em}.service-art>em{position:absolute;right:10px;top:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.28);font-size:7px;font-style:normal;font-weight:700}.service-body{padding:9px 16px 16px}.service-meta{display:flex;justify-content:space-between;color:#999;font-size:7px}.service-body h3{min-height:34px;margin:12px 0 7px;font-size:12px;line-height:1.4}.service-body>p{min-height:38px;margin:0;color:#818181;font-size:8px;line-height:1.6}.service-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px;padding-top:14px;border-top:1px solid #eee}.service-bottom>div{display:flex;flex-direction:column;gap:3px}.service-bottom small{font-size:7px;color:#aaa}.service-bottom b{font-size:14px}.service-bottom button{height:35px;padding:0 11px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:8px;font-weight:700}.service-bottom button:hover{border-color:var(--orange);background:var(--orange);color:#fff}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d4d4d4;border-radius:16px;background:#fff;text-align:center}.empty-state>span{font-size:34px;color:var(--orange)}.empty-state h3{margin:10px 0}.empty-state p{margin:0 0 18px;color:#888;font-size:10px}.empty-state button{padding:10px 15px;border:0;border-radius:9px;background:#111;color:#fff;font-size:9px}
.dark-panel{min-height:500px;padding:64px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 75% 12%,#3a1d13,transparent 30%),linear-gradient(135deg,#171717,#080808);color:#fff}.dark-copy .kicker{color:#ff8b62}.dark-copy>p:nth-child(3){max-width:510px;margin:17px 0 22px;color:#aaa;font-size:11px;line-height:1.75}.dark-copy ul{padding:0;margin:0 0 27px;display:grid;gap:11px;list-style:none}.dark-copy li{color:#d2d2d2;font-size:9px}.dark-copy li::first-letter{color:var(--orange)}.analytics-card{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 25px 80px rgba(0,0,0,.35);transform:rotate(1.5deg)}.analytics-head{display:flex;align-items:center;justify-content:space-between}.analytics-head small{color:#999;font-size:8px}.analytics-head h3{margin:5px 0 0;font-size:27px}.analytics-head h3 span{font-size:9px;color:#888}.analytics-head em{padding:7px 9px;border-radius:999px;background:rgba(62,205,128,.12);color:#7ee0ad;font-size:8px}.bar-chart{height:180px;padding:28px 6px 0;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 44px}.bar-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(to top,var(--orange),#ff8d65)}.days{display:flex;justify-content:space-around;padding:7px 0 19px;color:#777;font-size:6px}.analytics-foot{display:grid;grid-template-columns:repeat(3,1fr);padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.analytics-foot>div{padding-left:12px;display:flex;flex-direction:column;gap:5px;border-left:1px solid rgba(255,255,255,.1)}.analytics-foot>div:first-child{padding:0;border:0}.analytics-foot small{color:#888;font-size:6px}.analytics-foot b{font-size:11px}
.center-heading{max-width:720px;margin:0 auto 50px;text-align:center}.center-heading>p:last-child{margin-inline:auto}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-grid article{min-height:265px;padding:29px;position:relative;overflow:hidden;border:1px solid #e6e6e6;border-radius:16px;background:#fff}.process-grid article>span{position:absolute;right:28px;top:27px;color:#bbb;font-size:10px}.process-grid article>i{width:53px;height:53px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--orange);font-size:22px;font-style:normal}.process-grid h3{margin:26px 0 10px;font-size:15px}.process-grid p{max-width:270px;margin:0;color:#777;font-size:9px;line-height:1.7}.stats-band{padding:49px 0;border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{text-align:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid b{display:block;font-size:34px;letter-spacing:-.05em}.stats-grid b span{color:var(--orange)}.stats-grid small{text-transform:uppercase;color:#999;letter-spacing:.11em;font-size:7px;font-weight:700}.partners{padding-block:65px}.partners p{text-align:center;text-transform:uppercase;color:#aaa;letter-spacing:.12em;font-size:8px;font-weight:700}.partners .container>div{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:29px}.partners span{min-height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#8c8c8c;font-size:11px;font-weight:800;letter-spacing:.07em}.partners span:hover{border-color:#ffc8b4;color:var(--orange)}.cta{background:var(--orange);color:#fff}.cta-inner{min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner>div{display:flex;align-items:center;gap:25px}.cta-inner>div>i{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(255,255,255,.12);font-size:24px;font-style:normal}.cta-inner small{text-transform:uppercase;letter-spacing:.13em;font-size:9px}.cta h2{max-width:700px;margin-top:8px}.cta-inner>button{min-width:192px;min-height:49px;border:0;border-radius:11px;background:#111;color:#fff;font-size:11px;font-weight:700}.cta-inner>button:hover{background:#fff;color:#111}
body>footer{padding-top:67px;background:#0e0e0e;color:#fff}.footer-grid{padding-bottom:48px;display:grid;grid-template-columns:1.6fr repeat(3,.75fr) 1.15fr;gap:45px}.footer-brand img{width:170px;height:auto;filter:brightness(0) invert(1)}.footer-brand>p{max-width:320px;margin:22px 0;color:#888;font-size:8px;line-height:1.8}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #303030;border-radius:8px;color:#aaa}.socials a:hover{border-color:var(--orange);background:var(--orange);color:#fff}.footer-grid h3{margin:5px 0 20px;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.footer-grid>div:not(:first-child)>a{display:block;margin-bottom:13px;color:#838383;font-size:8px}.footer-grid>div:not(:first-child)>a:hover{color:var(--orange)}.footer-grid>div:last-child p{color:#aaa;font-size:8px}.footer-grid>div:last-child small{color:#555;font-size:7px}.copyright{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #252525;color:#5f5f5f;font-size:7px}
.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:rgba(6,6,6,.72);backdrop-filter:blur(4px);animation:fade .2s}.auth-modal{width:min(920px,100%);min-height:590px;max-height:calc(100vh - 48px);display:grid;grid-template-columns:.9fr 1.1fr;overflow:auto;position:relative;border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-close{position:absolute;right:17px;top:17px;z-index:2;width:35px;height:35px;border:0;border-radius:50%;background:#f2f2f2;color:#777;font-size:20px}/* One order in full, on the storefront. The name .order-detail-modal was
   already taken by the console's own overlay in this same file, and that
   rule is position:fixed;inset:0 - so this panel was being turned into a
   full-screen layer pinned to the corner. */
/* One order in full. Built from the pieces the page already has - the modal backdrop, .detail-facts, .order-pill - so it reads as part of the same shop. */.shop-order-modal{position:relative;width:min(680px,100%);max-height:86vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}/* Room on the right for the close button, which is positioned over this row - without it the status pill was clipped by it. */.shop-order-head{padding:24px 62px 18px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rtl .shop-order-head{padding:24px 26px 18px 62px}.shop-order-head p{margin:0 0 4px;text-transform:uppercase;color:#9b9fa5;font-size:9px;font-weight:700;letter-spacing:.12em}.shop-order-head h2{margin:0;font-size:20px;letter-spacing:-.02em}.shop-order-modal .detail-facts{border-top:1px solid #e5e7e9}.shop-order-body{padding:22px 26px 26px;display:grid;gap:18px}.shop-order-body section{display:grid;gap:8px}.shop-order-body h3{margin:0;text-transform:uppercase;color:#9b9fa5;font-size:9px;font-weight:700;letter-spacing:.12em}/* The gateway QR, inside that same card. The image is whatever an admin pointed at, so it is boxed rather than trusted to be a sensible size. */.funding-qr{margin:0;display:grid;justify-items:center;gap:9px}.funding-qr img{width:min(190px,60vw);height:auto;padding:11px;border:1px solid #e5e7e9;border-radius:12px;background:#fff}.funding-qr figcaption{color:#8a9096;font-size:9px}#fundingNoticeBody p{margin:0;white-space:pre-wrap;word-break:break-word;color:#2b3036;font-size:13px;line-height:1.7}#fundingNoticeBody>small{color:#8a9096;font-size:9px}.rtl #fundingNoticeBody{direction:rtl}.order-reply{position:relative;padding:14px 16px;border:1px solid #d7dbdf;border-radius:10px;background:#f7f8f9;color:#2b3036;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.order-reply.rejected{border-color:#f0c2c2;background:#fdf4f4;color:#8a2b2b}.order-reply.waiting{color:#7d8288;font-style:italic}.order-copy{margin-top:10px;height:36px;padding:0 14px;border:1px solid #d7dbdf;border-radius:8px;background:#fff;color:#3b4147;font-size:10px;font-weight:700}.order-copy:hover{border-color:var(--orange);color:var(--orange)}.order-inputs{display:grid;gap:0;border:1px solid #e5e7e9;border-radius:10px;overflow:hidden}.order-inputs div{padding:11px 14px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eef0f1;font-size:12px}.order-inputs div:last-child{border-bottom:0}.order-inputs small{color:#8a9096}.order-inputs b{font-weight:600;word-break:break-all;text-align:left}.rtl .order-inputs b{text-align:right}.rtl .shop-order-head,.rtl .shop-order-body,.rtl .order-inputs div{direction:rtl}@media(max-width:560px){.shop-order-modal .detail-facts{grid-template-columns:1fr}.shop-order-modal .detail-facts>div{border-right:0;border-bottom:1px solid #e5e7e9}}.auth-visual{padding:45px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#181818,#050505);color:#fff}.auth-visual:after{content:"";position:absolute;right:-100px;bottom:-80px;width:260px;height:260px;border:70px solid rgba(255,79,18,.12);border-radius:50%}.auth-visual img{position:absolute;left:40px;top:38px;width:156px;filter:brightness(0) invert(1)}.auth-visual>i{width:70px;height:70px;display:grid;place-items:center;border-radius:19px;background:var(--orange);font-style:normal;font-size:33px}.auth-visual h3{margin:25px 0 0;font-size:31px;line-height:1.08;letter-spacing:-.04em}.auth-visual>p{max-width:320px;margin:17px 0 24px;color:#9d9d9d;font-size:9px;line-height:1.8}.auth-visual>div{display:flex;gap:8px}.auth-visual>div span{padding:7px 9px;border:1px solid #333;border-radius:999px;color:#d5d5d5;font-size:7px}.auth-form{padding:62px 54px 38px}.auth-form .kicker{margin-bottom:9px}.auth-form h2{margin:0;font-size:27px;letter-spacing:-.04em}.auth-form>p:nth-child(3){margin:11px 0 25px;color:#888;font-size:9px}.auth-form form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#333;font-size:8px;font-weight:700}.auth-form input{width:100%;height:46px;padding:0 13px;border:1px solid #ddd;border-radius:9px;background:#fafafa;outline:0;font-size:9px}.auth-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--soft)}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent}.form-options{display:flex;align-items:center;justify-content:space-between}.checkbox{display:flex!important;flex-direction:row;align-items:center;gap:7px!important;color:#666!important;font-weight:500!important}.checkbox input{display:none}.checkbox span{width:16px;height:16px;display:grid;place-items:center;border-radius:4px;background:var(--orange);color:#fff}.form-options>button{border:0;background:transparent;color:var(--orange);font-size:8px}.auth-submit{width:100%;height:47px;border:0;border-radius:9px;background:var(--orange);color:#fff;font-size:9px;font-weight:700}.divider{margin:18px 0;display:flex;align-items:center;gap:10px;color:#aaa;font-size:8px}.divider span{height:1px;flex:1;background:#e6e6e6}.switch-auth{width:100%;height:44px;border:1px solid #ddd;border-radius:9px;background:#fff;font-size:8px;font-weight:700}.switch-auth:hover{border-color:var(--orange);color:var(--orange)}.demo-note{display:block;margin-top:14px;text-align:center;color:#bbb;font-size:6px}.notice-modal{width:min(510px,100%);padding:46px 50px 38px;position:relative;border-radius:20px;background:#fff;text-align:center}.notice-modal>i{width:63px;height:63px;margin:0 auto 20px;display:grid;place-items:center;border-radius:18px;background:var(--orange);color:#fff;font-size:25px;font-style:normal}.notice-modal h2{margin:0 0 13px;font-size:24px;line-height:1.2;letter-spacing:-.035em}.notice-modal>p:not(.kicker){max-width:390px;margin:0 auto 22px;color:#777;font-size:9px;line-height:1.8}.notice-modal>a{height:45px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--orange);color:#fff;font-size:9px;font-weight:700}.notice-modal>button:last-child{margin-top:14px;border:0;background:transparent;color:#999;font-size:8px}.toast{position:fixed;left:50%;bottom:28px;z-index:120;transform:translateX(-50%);padding:13px 17px;border:1px solid #333;border-radius:10px;background:#171717;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.25);font-size:9px;font-weight:600}@keyframes fade{from{opacity:0}}
@media(max-width:1080px){.desktop-nav{gap:16px}.desktop-nav>a,.nav-link{font-size:10px}.brand{width:160px}.hero-grid{gap:25px}.secure{right:-5px}.instant{left:-4px}.category-list{display:flex;overflow:auto}.category-list button,.category-list a{min-width:145px}.service-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(2,.8fr) 1fr}.footer-grid>div:nth-child(4){display:none}}
@media(max-width:820px){.topbar-links,.desktop-nav,.login-button{display:none}.nav-wrap{height:70px}.mobile-toggle{display:block}.mobile-menu.open{position:absolute;left:0;right:0;top:100%;display:grid;padding:15px 20px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.08)}.mobile-menu a,.mobile-menu button{padding:14px 4px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;font-size:11px;font-weight:600}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.search-shell{grid-template-columns:1fr auto}.search-shell>p{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.dark-panel{grid-template-columns:1fr;padding:50px 38px}.analytics-card{width:100%;max-width:540px;margin:auto}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:220px}.partners .container>div{grid-template-columns:repeat(3,1fr)}.cta-inner{padding-block:50px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}.auth-modal{width:min(540px,100%);grid-template-columns:1fr}.auth-visual{display:none}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.topbar-inner{justify-content:center}.topbar p{font-size:9px}.brand{width:142px}.hero{padding-top:48px}.hero h1{font-size:43px}.hero-copy>p{font-size:12px}.hero-actions{align-items:stretch;flex-direction:column}.text-button{justify-content:center}.hero-visual{min-height:400px;margin-inline:-5px}.dashboard{width:calc(100% - 20px);padding:15px}.float-card{padding:8px}.secure{right:-4px;top:42px}.instant{left:-4px;bottom:30px}.search-shell{min-height:74px;margin-top:20px;margin-bottom:-37px;padding:10px;grid-template-columns:1fr}.search-button{display:none}.category-band{padding-top:68px}.section{padding:70px 0}.section-heading{align-items:flex-start}.outline-button{display:none}.section-heading h2,.center-heading h2,.dark-copy h2,.cta h2{font-size:34px}.service-grid{grid-template-columns:1fr}.service-art{height:165px}.service-body h3{min-height:auto;font-size:14px}.dark-panel{width:100%;padding:52px 25px;border-radius:0}.feature-section>.container{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:27px 0}.stats-grid>div:nth-child(2){border:0}.partners .container>div{grid-template-columns:repeat(2,1fr)}.cta-inner>div{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-brand{grid-column:1/-1}.footer-grid>div:nth-child(4){display:block}.copyright{padding-block:15px;align-items:flex-start;flex-direction:column;gap:7px}.auth-form{padding:52px 24px 30px}.notice-modal{padding:42px 24px 30px}.modal-backdrop{padding:12px}.toast{width:calc(100% - 30px);text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Hero banner carousel */
.hero-slider{min-height:0;padding:0;overflow:hidden;background:#111;border:0;color:#fff}.hero-track{height:clamp(540px,48vw,650px);position:relative}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .75s ease,transform 1s ease,visibility .75s}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.slide-unlock{background:radial-gradient(circle at 78% 38%,rgba(255,101,45,.3),transparent 26%),linear-gradient(115deg,#0c0c0d 0%,#191412 58%,#3a1609 100%)}.slide-apple{background:radial-gradient(circle at 77% 35%,rgba(255,255,255,.16),transparent 25%),linear-gradient(115deg,#1d1d1f 0%,#111 55%,#38383b 100%)}.slide-gaming{background:radial-gradient(circle at 75% 45%,rgba(255,77,13,.28),transparent 30%),linear-gradient(120deg,#090a0c 0%,#12151c 55%,#261108 100%)}.hero-slide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 35%,#000)}.slide-inner{height:100%;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;position:relative}.slide-copy{position:relative;z-index:3;padding-bottom:35px}.slide-kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#ffb296;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.slide-kicker span{width:28px;height:2px;background:var(--orange)}.slide-copy h1,.slide-copy h2{margin:0;max-width:720px;color:#fff;font-size:clamp(52px,6vw,78px);font-style:normal;font-weight:800;letter-spacing:-.06em;line-height:.94}.slide-copy h1 em,.slide-copy h2 em{color:var(--orange);font-style:normal}.slide-apple .slide-copy h2 em{color:#d6d6d8}.slide-description{max-width:555px;margin:25px 0 0;color:#b4b4b4;font-size:14px;line-height:1.75}.slide-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.banner-button{height:51px;padding:0 21px;border:0;border-radius:10px;background:var(--orange);box-shadow:0 12px 30px rgba(255,79,18,.22);color:#fff;font-size:10px;font-weight:800}.banner-button span{padding-left:8px;font-size:15px}.banner-button.light{background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,.2)}.banner-button:hover{transform:translateY(-2px);filter:brightness(1.08)}/* The banner buttons are links now, so they carry an address a reader can copy or open in a tab. A button centres its own label; an anchor does not, and the label would sit at the top of the 51px box. inline-block with a line-height equal to the height reproduces the button exactly - flex would make the label and the arrow separate items, dropping the word space between them and centring the 15px arrow against the 10px label instead of sharing a baseline. */a.banner-button{display:inline-block;text-align:center;line-height:51px}.delivery-note{color:#999;font-size:9px;font-weight:600}.slide-art{height:100%;position:relative;display:grid;place-items:center}.art-code{position:absolute;right:-15px;bottom:35px;color:rgba(255,255,255,.035);font-size:105px;letter-spacing:-.08em}.orbit{position:absolute;border:1px solid rgba(255,96,39,.22);border-radius:50%}.orbit-one{width:430px;height:430px}.orbit-two{width:330px;height:330px}.phone{width:225px;height:430px;padding:13px;position:relative;z-index:2;border:2px solid #646464;border-radius:38px;background:linear-gradient(145deg,#444,#080808 20%);box-shadow:30px 40px 60px rgba(0,0,0,.45);transform:rotate(8deg)}.phone-screen{height:100%;border-radius:28px;background:radial-gradient(circle at 50% 30%,#54200f,#111 55%);display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-screen i{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--orange);box-shadow:0 0 0 12px rgba(255,79,18,.12);font-size:28px;font-style:normal}.phone-screen b{margin-top:25px;font-size:15px}.phone-screen small{margin-top:8px;color:#888;font-size:8px}.phone-speaker{position:absolute;z-index:3;top:22px;left:50%;width:70px;height:18px;transform:translateX(-50%);border-radius:15px;background:#050505}.status-card{position:absolute;z-index:3;left:10px;bottom:95px;min-width:190px;padding:13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(24,24,24,.78);box-shadow:0 20px 40px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.status-card i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:var(--orange);font-style:normal}.status-card span{display:grid;gap:4px}.status-card small{color:#888;font-size:7px}.status-card b{font-size:9px}.apple-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(15px)}.glass-card{position:absolute;width:260px;height:340px;padding:28px;border:1px solid rgba(255,255,255,.24);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035));box-shadow:0 30px 60px rgba(0,0,0,.35);backdrop-filter:blur(15px)}.card-back{transform:translate(100px,-25px) rotate(13deg);color:#777}.card-back b{display:block;margin-top:190px;font-size:45px}.card-front{z-index:2;transform:translate(-25px,20px) rotate(-7deg);display:flex;flex-direction:column}.card-front i{width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:#fff;color:#111;font-style:normal;font-size:25px}.card-front small{margin-top:65px;color:#aaa;font-size:8px;letter-spacing:.14em}.card-front b{margin-top:12px;font-size:25px;line-height:1.05}.card-front em{margin-top:auto;color:#777;font-size:7px;font-style:normal}.game-ring{width:390px;height:390px;position:absolute;border:1px solid rgba(255,79,18,.35);border-radius:50%;box-shadow:inset 0 0 90px rgba(255,79,18,.08),0 0 50px rgba(255,79,18,.08)}.game-ring:before,.game-ring:after{content:"";position:absolute;background:var(--orange)}.game-ring:before{width:1px;height:460px;left:50%;top:-35px}.game-ring:after{height:1px;width:460px;left:-35px;top:50%}.credit-chip{width:255px;height:155px;padding:24px;position:absolute;z-index:2;border:1px solid #4a4d55;border-radius:20px;background:linear-gradient(145deg,#272a32,#0a0b0e);box-shadow:0 25px 55px rgba(0,0,0,.5)}.credit-chip small{color:#777;font-size:8px;letter-spacing:.15em}.credit-chip b{display:block;margin-top:24px;font-size:42px}.credit-chip b em{color:var(--orange);font-size:17px;font-style:normal}.chip-one{transform:translate(-65px,-65px) rotate(-8deg)}.chip-two{transform:translate(85px,90px) rotate(8deg)}.crosshair{position:absolute;z-index:3;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:var(--orange);box-shadow:0 0 0 10px rgba(255,79,18,.14);font-size:25px}.slider-controls{height:0;position:relative;z-index:5;bottom:68px;display:flex;justify-content:space-between;align-items:center}.slider-dots{display:flex;gap:8px}.slider-dots button{width:37px;height:4px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}.slider-dots button span{display:block;width:0;height:100%;background:var(--orange)}.slider-dots button.is-active span{width:100%;animation:slideProgress 6s linear}.slider-arrows{display:flex;align-items:center;gap:13px}.slider-arrows button{width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.06);color:#fff}.slider-arrows button:hover{background:var(--orange);border-color:var(--orange)}.slider-arrows>span{color:#777;font-size:9px}.slider-arrows b{color:#fff;font-size:11px}@keyframes slideProgress{from{width:0}to{width:100%}}
@media(max-width:820px){.hero-track{height:720px}.slide-inner{grid-template-columns:1fr}.slide-copy{padding:65px 0 0}.slide-art{position:absolute;inset:auto 0 5px;height:360px;opacity:.72}.slide-copy h1,.slide-copy h2{font-size:58px}.phone{height:310px;width:165px}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}.status-card{left:18%;bottom:45px}.glass-card{width:200px;height:270px}.card-back b{margin-top:140px}.game-ring{width:290px;height:290px}.game-ring:before{height:340px;top:-25px}.game-ring:after{width:340px;left:-25px}.credit-chip{width:210px;height:125px}.credit-chip b{margin-top:15px;font-size:32px}.slider-controls{bottom:57px}}
@media(max-width:560px){.hero-slider{padding:0}.hero-track{height:650px}.slide-inner{display:block}.slide-copy{padding-top:56px}.slide-copy h1,.slide-copy h2{font-size:45px}.slide-description{font-size:11px;line-height:1.7}.slide-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:22px}.banner-button{height:47px}a.banner-button{line-height:47px}.slide-art{height:275px;bottom:20px}.phone{height:255px;width:137px;border-radius:27px}.phone-screen{border-radius:20px}.phone-speaker{top:18px;width:50px}.phone-screen i{width:48px;height:48px}.phone-screen b{font-size:10px}.status-card{left:0;bottom:35px;min-width:160px}.orbit-one{width:250px;height:250px}.orbit-two{width:190px;height:190px}.glass-card{width:165px;height:225px;padding:20px}.card-front small{margin-top:35px}.card-front b{font-size:19px}.card-back b{margin-top:115px;font-size:32px}.game-ring{width:235px;height:235px}.game-ring:before{height:275px;top:-20px}.game-ring:after{width:275px;left:-20px}.credit-chip{width:175px;height:105px;padding:18px}.credit-chip b{font-size:27px}.chip-one{transform:translate(-45px,-45px) rotate(-8deg)}.chip-two{transform:translate(55px,60px) rotate(8deg)}.slider-controls{bottom:51px}.slider-arrows>span{display:none}.slider-arrows button{width:35px;height:35px}.art-code{font-size:65px}}

/* Service assurance strip */
.trust-strip{background:#368887;color:#fff}.trust-grid{min-height:88px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:42px}.trust-grid article{display:flex;align-items:center;gap:10px;min-width:0}.trust-grid i{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.1);color:#e7ffff;font-size:20px;font-style:normal;font-weight:800}.trust-grid i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.trust-grid article:first-child i svg{fill:currentColor;stroke:none}.trust-grid span{min-width:0;display:flex;flex-direction:column;gap:5px}.trust-grid b{font-size:11px;letter-spacing:.01em;white-space:nowrap}.trust-grid small{color:rgba(255,255,255,.58);font-size:7px;white-space:nowrap}
@media(max-width:820px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px 40px;padding-block:22px}}
@media(max-width:560px){.trust-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.trust-grid article{gap:8px}.trust-grid i{width:34px;height:34px;flex-basis:34px;font-size:16px}.trust-grid b{font-size:9px}.trust-grid small{font-size:6px;white-space:normal;line-height:1.4}}
.trust-strip{background:var(--orange)}
.trust-grid{min-height:108px}.trust-grid article{gap:14px}.trust-grid i{width:46px;height:46px;flex-basis:46px;border-radius:11px}.trust-grid i svg{width:23px;height:23px}.trust-grid span{gap:7px}.trust-grid b{font-size:14px;line-height:1.2}.trust-grid small{font-size:10px;line-height:1.4;color:rgba(255,255,255,.78)}
@media(max-width:820px){.trust-grid{padding-block:28px}}
@media(max-width:560px){.trust-grid{grid-template-columns:1fr;gap:20px}.trust-grid i{width:44px;height:44px;flex-basis:44px}.trust-grid b{font-size:13px}.trust-grid small{font-size:9px;line-height:1.45}}

/* Readable interface typography */
.topbar{font-size:12px}.desktop-nav>a,.nav-link{font-size:13px}.currency-button,.login-button{font-size:12px}.services-menu span,.telegram-menu span,.currency-menu span{font-size:12px}.services-menu small,.telegram-menu small,.currency-menu small{font-size:10px}.dropdown-panel>p{font-size:10px}
.kicker{font-size:11px}.section-heading>div>p:last-child,.center-heading>p:last-child{font-size:13px}.filter-row button{font-size:11px}.service-meta{font-size:10px}.service-body h3{font-size:14px}.service-body>p{font-size:11px;line-height:1.65}.service-bottom small{font-size:9px}.service-bottom button{font-size:11px}.empty-state p,.empty-state button{font-size:11px}.dark-copy>p,.dark-copy li{font-size:12px}.analytics-head small,.analytics-foot small,.days{font-size:9px}.process-grid p{font-size:11px}.stats-grid small,.partners p{font-size:9px}.partners span{font-size:12px}
.footer-grid h3{font-size:13px}.footer-grid a,.footer-grid p{font-size:11px}.footer-grid>div>small,.copyright{font-size:9px;line-height:1.6}.socials a{font-size:14px}
.auth-form .kicker{font-size:11px}.auth-form>p:nth-child(3){font-size:11px}.auth-form label{font-size:11px}.auth-form input{font-size:12px}.form-options>button,.checkbox,.auth-submit,.switch-auth{font-size:11px!important}.demo-note{font-size:9px}.auth-visual>p{font-size:11px}.auth-visual>div span{font-size:9px}.notice-modal>p:not(.kicker){font-size:11px}.notice-modal>a,.notice-modal>button:last-child{font-size:11px}.toast{font-size:11px}
@media(max-width:820px){.mobile-menu a,.mobile-menu button{font-size:13px}}
@media(max-width:560px){.topbar p{font-size:10px}.service-body h3{font-size:15px}.service-body>p{font-size:12px}.footer-grid a,.footer-grid p{font-size:12px}.footer-grid h3{font-size:14px}.auth-form label,.auth-form input,.auth-submit,.switch-auth{font-size:12px!important}}

/* Unified tablet and mobile responsiveness */
html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}.hero-slide,.slide-inner,.dark-panel,.analytics-card,.service-card,.footer-grid>*{min-width:0}
@media(max-width:1024px){
  .container{width:min(100% - 40px,920px)}
  .desktop-nav,.login-button{display:none}.mobile-toggle{display:block}.nav-wrap{height:72px}.nav-actions{margin-left:auto}.mobile-menu.open{position:absolute;left:0;right:0;top:100%;z-index:40;display:grid;padding:12px 20px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.12)}.mobile-menu a,.mobile-menu button{min-height:48px;padding:13px 6px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;font-size:13px;font-weight:600}
  .hero-track{height:680px}.slide-inner{grid-template-columns:1fr 1fr;gap:18px}.slide-copy h1,.slide-copy h2{font-size:clamp(48px,6.4vw,66px)}.slide-art{transform:scale(.86)}.art-code{right:0}
  .category-band{padding:28px 0}.category-list{display:flex;gap:10px;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x proximity;scrollbar-width:none}.category-list::-webkit-scrollbar,.filter-row::-webkit-scrollbar{display:none}.category-list button,.category-list a{min-width:165px;scroll-snap-align:start}.category-list b{font-size:11px}.category-list small{font-size:9px}
  .section{padding:76px 0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-art{height:165px}.service-body>p{min-height:55px}
  .dark-panel{padding:46px;grid-template-columns:1fr 1fr;gap:38px}.analytics-card{width:100%;transform:none}.bar-chart{height:160px}
  .process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.process-grid article{padding:24px}
  .partners .container>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 50px;padding-block:25px}
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:38px 28px}.footer-grid>div:nth-child(4){display:block}.footer-grid>div:last-child{grid-column:2/-1}.footer-brand>p{font-size:11px}
}
@media(max-width:767px){
  .container{width:calc(100% - 32px)}.topbar{height:auto;min-height:34px;padding:7px 0}.topbar-inner{justify-content:center;text-align:center}.topbar-links{display:none}.brand{width:148px}.nav-wrap{gap:10px}.currency-button{height:39px;padding:0 10px}.bag-button{width:39px;height:39px}.mobile-toggle{padding:5px;font-size:23px}
  .hero-track{height:690px}.slide-inner{display:block}.slide-copy{padding:58px 0 0}.slide-copy h1,.slide-copy h2{font-size:clamp(42px,12vw,58px)}.slide-description{max-width:520px;font-size:13px}.slide-actions{gap:15px}.slide-art{inset:auto 0 15px;height:330px;transform:scale(.8);transform-origin:center bottom}.slider-controls{bottom:54px}.art-code{display:none}
  .section{padding:64px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2,.center-heading h2,.dark-copy h2{font-size:clamp(31px,9vw,40px)}.outline-button{display:none}.center-heading{margin-bottom:34px;text-align:left}.center-heading>p:last-child{margin-left:0}
  .service-grid{grid-template-columns:1fr}.service-art{height:185px}.service-body{padding:12px 18px 19px}.service-body>p{min-height:auto}.service-bottom button{min-height:42px;padding-inline:15px}
  .feature-section>.container{width:100%}.dark-panel{width:100%;padding:52px 24px;grid-template-columns:1fr;gap:40px;border-radius:0}.dark-copy>p:nth-child(3){font-size:12px}.dark-copy li{font-size:12px;line-height:1.5}.primary-button{min-height:48px}.analytics-card{padding:18px}.bar-chart{height:155px;gap:7px}.analytics-foot b{font-size:13px}
  .process-grid{grid-template-columns:1fr}.process-grid article{min-height:205px}.process-grid p{max-width:none;font-size:12px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.stats-grid>div{padding:22px 8px}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats-grid b{font-size:30px}.stats-grid small{display:block;margin-top:5px;line-height:1.45}
  .partners{padding-block:50px}.partners .container>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partners span{font-size:11px}
  .trust-grid{grid-template-columns:1fr;gap:18px;padding-block:26px}.trust-grid article{width:100%}.trust-grid b{font-size:14px}.trust-grid small{font-size:10px}
  body>footer{padding-top:50px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{display:block;grid-column:1/-1}.footer-grid>div:nth-child(4){display:block}.copyright{padding:18px 0;align-items:flex-start;flex-direction:column;gap:7px}
  .modal-backdrop{padding:12px;align-items:center}.auth-modal{width:100%;min-height:0;max-height:calc(100dvh - 24px);grid-template-columns:1fr;border-radius:16px}.auth-visual{display:none}.auth-form{padding:50px 24px 28px}.auth-form h2{padding-right:28px;font-size:26px}.notice-modal{width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:44px 24px 30px}.toast{width:calc(100% - 28px);bottom:14px}
}
@media(max-width:420px){
  .container{width:calc(100% - 24px)}.brand{width:130px}.currency-button{font-size:10px}.nav-actions{gap:5px}.bag-button{display:none}
  .hero-track{height:665px}.slide-copy{padding-top:48px}.slide-copy h1,.slide-copy h2{font-size:40px}.slide-description{font-size:12px}.slide-actions{align-items:flex-start;flex-direction:column}.slide-art{height:280px;transform:scale(.7)}.slider-arrows button{width:36px;height:36px}.slider-dots button{width:28px}
  .category-list button,  .category-list a{min-width:150px}.section{padding:56px 0}.service-art{height:160px}
  .dark-panel{padding-inline:18px}.analytics-card{padding:14px}.analytics-head h3{font-size:23px}.analytics-foot>div{padding-left:7px}.analytics-foot b{font-size:11px}
  .stats-grid b{font-size:27px}.partners .container>div{grid-template-columns:1fr 1fr}.partners span{min-height:50px;font-size:10px}
  .footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand,.footer-grid>div:last-child{grid-column:auto}.auth-form{padding-inline:18px}.form-options{align-items:flex-start;gap:12px;flex-direction:column}
}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bag-button>.icon,.login-button>.icon{width:17px;height:17px}.telegram-menu b .icon{width:19px;height:19px}.services-menu i .icon,.category-list i .icon{width:20px;height:20px}.service-art>span .icon{width:30px;height:30px}.service-meta>span:last-child{display:flex;align-items:center;gap:5px}.service-meta .icon{width:12px;height:12px}.service-bottom button{display:flex;align-items:center;justify-content:center;gap:6px}.service-bottom button .icon{width:14px;height:14px}.process-grid article>i .icon{width:25px;height:25px}.empty-state>span .icon{width:34px;height:34px}.socials .icon{width:16px;height:16px}.footer-contact p{display:flex;align-items:center;gap:8px}.footer-contact .icon,.copyright .icon{width:14px;height:14px;color:var(--orange)}.copyright>span:last-child{display:flex;align-items:center;gap:6px}.auth-visual>i .icon{width:32px;height:32px}.auth-visual>div span{display:flex;align-items:center;gap:5px}.auth-visual>div .icon{width:11px;height:11px}.password-wrap button .icon{width:18px;height:18px}.checkbox span .icon{width:12px;height:12px}.notice-modal>i .icon{width:28px;height:28px}

/* Larger category and footer text */
.category-list{gap:10px}.category-list button,.category-list a{min-height:92px;padding:14px 11px;gap:11px}.category-list button>i,.category-list a>i{width:43px;height:43px;flex:0 0 43px}.category-list button>span,.category-list a>span{gap:6px}.category-list b{font-size:12px;line-height:1.25}.category-list small{font-size:10px;line-height:1.3}
.footer-brand>p{font-size:13px;line-height:1.75}.footer-grid h3{font-size:15px;line-height:1.3;margin-bottom:21px}.footer-grid>div:not(:first-child)>a{font-size:13px;line-height:1.45;margin-bottom:14px}.footer-grid>div:last-child p,.footer-contact p{font-size:13px;line-height:1.5}.footer-grid>div:last-child small,.footer-contact small{font-size:12px}.copyright{font-size:11px;line-height:1.5}
@media(max-width:1024px){.category-list button,.category-list a{min-width:190px}.category-list b{font-size:13px}.category-list small{font-size:11px}}
@media(max-width:767px){.category-list button,.category-list a{min-width:188px;min-height:88px}.footer-grid h3{font-size:16px}.footer-grid>div:not(:first-child)>a,.footer-grid>div:last-child p,.footer-contact p,.footer-brand>p{font-size:14px}.footer-grid>div:last-child small,.footer-contact small,.copyright{font-size:12px}}

/* Consistent language list boxes */
.language-list{width:auto;min-width:124px;padding:0 9px}
.language-list select{min-width:88px;height:38px;padding:0 24px 0 7px;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;outline:0;cursor:pointer}
.language-list select option{background:#fff;color:#20252a;font-family:"Montserrat Local",Arial,sans-serif}
.currency-list-select{min-width:76px;appearance:auto;cursor:pointer;outline:0}
.order-service-description{padding:14px 16px;border:1px solid #e1e5e8;border-left:3px solid var(--orange);border-radius:7px;background:#fafbfc}
.order-service-description b{display:block;margin-bottom:7px;color:#343a40;font-size:11px}
.order-service-description p{margin:0;color:#747c83;font-size:10px;line-height:1.7}
/* The article an operator wrote, under the order button. It is html from a
   rich text editor, so its own paragraphs, lists and headings are styled
   rather than assuming a single <p>. */
.order-service-description{margin-top:4px}
.order-service-description>div{color:#747c83;font-size:10px;line-height:1.8}
.order-service-description>div>:first-child{margin-top:0}
.order-service-description>div>:last-child{margin-bottom:0}
.order-service-description>div p{margin:0 0 8px}
.order-service-description>div ul,.order-service-description>div ol{margin:0 0 8px;padding-inline-start:18px}
.order-service-description>div h1,.order-service-description>div h2,.order-service-description>div h3{margin:10px 0 6px;color:#343a40;font-size:12px}
.order-service-description>div a{color:var(--orange)}
.order-service-description>div img{max-width:100%;height:auto}
.order-service-description[hidden]{display:none}
/* How many this service may be ordered in, beside the word Quantity. */
.order-fields>label .order-range{margin-inline-start:6px;color:#9aa1a8;font-size:10px;font-style:normal;font-weight:500}
/* What this many will cost, since the price above is for one. */
.order-fields>label .order-total{margin-top:6px;color:var(--orange);font-size:10px;font-weight:700}
.order-fields>label .order-total[hidden]{display:none}
/* Why the button is grey. */
.order-unpriced{margin:0;color:#b3402a;font-size:10px;line-height:1.7}
.order-unpriced[hidden]{display:none}
.rtl .order-service-description{border-left:1px solid #e1e5e8;border-right:3px solid var(--orange);text-align:right}
.language-dropdown-button{min-width:112px;gap:7px}
.language-dropdown-button .icon{width:16px;height:16px}
.language-menu{width:205px}
.language-menu button{grid-template-columns:1fr 22px}
.language-menu button>span{display:grid;gap:4px}
.language-menu button small{color:#92989e;font-size:9px;font-weight:500}
.currency-menu button{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:8px;direction:ltr;text-align:left}
.currency-menu button>span{min-width:0;align-items:flex-start;text-align:left}
.currency-menu button>b{justify-self:end}
.rtl .nav-actions .currency-menu{right:0;left:auto;direction:rtl}
.rtl .nav-actions .currency-menu button{direction:rtl;text-align:right}
.rtl .nav-actions .currency-menu button>span{align-items:flex-start;text-align:right}
.rtl .nav-actions .currency-menu button>b{justify-self:end}
.rtl .language-dropdown-button,.rtl .currency-button{direction:ltr}
.order-comment-center{margin-top:15px;border:1px solid #30373d;border-radius:11px;background:#12161a;overflow:hidden}
.order-comment-center>header{min-height:58px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3238}
.order-comment-center>header span{display:grid;gap:4px}.order-comment-center>header b{font-size:10px}.order-comment-center>header small{color:#7e8790;font-size:8px}
.order-comment-center>header em{min-width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#292f35;color:#f17a55;font-size:8px;font-style:normal}
.order-comment-list{max-height:210px;padding:7px 15px;display:grid;overflow-y:auto}
.order-comment-list article{padding:11px 0;border-bottom:1px solid #292f35}.order-comment-list article:last-child{border-bottom:0}
.order-comment-list article>b{color:#f17a55;font-size:8px}.order-comment-list article>p{margin:6px 0 0;color:#aeb5bc;font-size:9px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.order-comment-list article.system>p{color:#858e97}
.order-comment-form{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid #2c3238}
.order-comment-form textarea{min-height:43px;padding:11px;border:1px solid #384048;border-radius:8px;background:#20262c;color:#eef1f3;resize:vertical;outline:0;font-size:9px}
.order-comment-form textarea:focus{border-color:var(--brand)}.order-comment-form button{height:43px;padding:0 14px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:8px;font-weight:800}
.rtl .order-comment-center{text-align:right}.rtl .order-comment-form{direction:rtl}
@media(max-width:600px){.order-comment-form{grid-template-columns:1fr}.order-comment-form button{width:100%}}
.pricing-levels{display:grid;gap:12px}.pricing-levels>label{min-height:47px;display:grid;grid-template-columns:175px 1fr;align-items:center;gap:10px;color:#aeb5bc;font-size:10px}.pricing-input{min-height:44px;display:grid;grid-template-columns:62px 1fr;border:1px solid #394149;border-radius:8px;overflow:hidden}.pricing-input>b{display:grid;place-items:center;border-right:1px solid #394149}.pricing-input>input{min-height:42px!important;border:0!important;border-radius:0!important}.pricing-result{grid-template-columns:62px 1fr 108px}.pricing-result>strong{display:grid;place-items:center;border-left:1px solid #394149;color:#eef1f3;font-size:10px}.service-images .image-actions label{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#171c22;color:#fff;cursor:pointer}.service-images .image-actions label input{display:none}.service-images .image-actions button{width:36px;height:36px;border-radius:50%!important;background:#e73d3d!important;color:#fff!important}.service-images article>div img{width:100%;height:100%;object-fit:cover;border-radius:7px}.article-menubar{padding:12px;display:flex;align-items:center;gap:4px;border:1px solid #343b42;border-bottom:0;background:#f8f9fa}.article-menubar button{height:28px;padding:0 8px;border:0;background:transparent;color:#262d34;font-size:9px}.article-menubar button:hover{background:#e9edf0}.article-toolbar{display:flex;align-items:center;gap:6px;padding:7px!important;background:#f3f5f6!important}.article-toolbar select{width:118px;min-height:32px!important;background:#fff!important;color:#222!important}.article-toolbar button{min-width:33px;height:32px;border:0;border-radius:5px;background:transparent;color:#17202a}.article-toolbar button:hover{background:#dfe4e7}.article-editor{min-height:460px!important;outline:0;line-height:1.7}.article-editor table{border-collapse:collapse}.article-editor td{min-width:90px;padding:7px;border:1px solid #9aa1a7}.article-editor img{max-width:100%}.article-status{height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #343b42;border-top:0;background:#f7f8f9;color:#6f7880;font-size:8px}@media(max-width:700px){.pricing-levels>label{grid-template-columns:1fr}.pricing-result{grid-template-columns:48px 1fr 82px}.article-menubar,.article-toolbar{overflow-x:auto}.article-menubar button,.article-toolbar>*{flex:0 0 auto}}

/* Toggle switches for configuration controls (table selectors and consent boxes stay square) */
.setting-toggle input[type="checkbox"],
.user-switch input[type="checkbox"],
.automation-switch input[type="checkbox"],
.editor-toggle input[type="checkbox"],
.cms-page-switch input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:46px!important;
  min-width:46px;
  height:25px!important;
  min-height:25px!important;
  padding:0!important;
  position:relative;
  justify-self:end;
  border:1px solid #454d55!important;
  border-radius:999px!important;
  background:#30363d!important;
  outline:0;
  cursor:pointer;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.setting-toggle input[type="checkbox"]::before,
.user-switch input[type="checkbox"]::before,
.automation-switch input[type="checkbox"]::before,
.editor-toggle input[type="checkbox"]::before,
.cms-page-switch input[type="checkbox"]::before{
  content:"";
  width:19px;
  height:19px;
  position:absolute;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.28);
  transition:transform .2s;
}
.setting-toggle input[type="checkbox"]:checked,
.user-switch input[type="checkbox"]:checked,
.automation-switch input[type="checkbox"]:checked,
.editor-toggle input[type="checkbox"]:checked,
.cms-page-switch input[type="checkbox"]:checked{
  border-color:var(--brand)!important;
  background:var(--brand)!important;
  box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12);
}
.setting-toggle input[type="checkbox"]:checked::before,
.user-switch input[type="checkbox"]:checked::before,
.automation-switch input[type="checkbox"]:checked::before,
.editor-toggle input[type="checkbox"]:checked::before,
.cms-page-switch input[type="checkbox"]:checked::before{transform:translateX(21px)}
.rtl .setting-toggle input[type="checkbox"]::before,
.rtl .user-switch input[type="checkbox"]::before,
.rtl .automation-switch input[type="checkbox"]::before,
.rtl .editor-toggle input[type="checkbox"]::before,
.rtl .cms-page-switch input[type="checkbox"]::before{left:auto;right:2px}
.rtl .setting-toggle input[type="checkbox"]:checked::before,
.rtl .user-switch input[type="checkbox"]:checked::before,
.rtl .automation-switch input[type="checkbox"]:checked::before,
.rtl .editor-toggle input[type="checkbox"]:checked::before,
.rtl .cms-page-switch input[type="checkbox"]:checked::before{transform:translateX(-21px)}
.rtl .language-list select option{font-family:"Vazirmatn Local",Tahoma,sans-serif}
@media(max-width:767px){.language-list{min-width:104px;width:auto;padding-inline:7px}.language-list select{min-width:72px;padding-right:18px}.admin-language-list{width:92px}}

/* Language switcher and Persian RTL layout */
.language-button{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#222;font-size:11px;font-weight:800}.language-button:hover{border-color:var(--orange);color:var(--orange)}.language-button .icon{width:17px;height:17px}
body.rtl{font-family:"Vazirmatn Local",Tahoma,Arial,sans-serif;text-align:right}.rtl .slide-actions,.rtl .service-meta,.rtl .service-bottom,.rtl .footer-contact p,.rtl .copyright>span:last-child{direction:rtl}.rtl .nav-wrap{direction:ltr}.rtl .desktop-nav{direction:ltr;margin-left:auto;margin-right:0}.rtl .desktop-nav>a,.rtl .desktop-nav button{direction:rtl}.rtl .nav-actions{direction:ltr;margin-left:0;margin-right:0}.rtl .language-button,.rtl .currency-button,.rtl .login-button{direction:ltr}.rtl .dropdown-panel{left:auto;right:-18px;direction:rtl}.rtl .currency-menu{right:auto;left:0}.rtl .services-menu button,.rtl .services-menu a{text-align:right;grid-template-columns:34px 1fr 14px}.rtl .services-menu button>b,.rtl .services-menu a>b{transform:scaleX(-1)}.rtl .mobile-menu a,.rtl .mobile-menu button{text-align:right}.rtl .slide-copy,.rtl .section-heading,.rtl .dark-copy,.rtl .service-body,.rtl .process-grid article,.rtl footer{text-align:right}.rtl .slide-kicker{flex-direction:row}.rtl .status-card{direction:rtl}.rtl .service-art>b{left:auto;right:13px}.rtl .service-art>em{right:auto;left:10px}.rtl .process-grid article>span{right:auto;left:28px}.rtl .analytics-card{direction:rtl}.rtl .analytics-foot>div{padding-left:0;padding-right:12px;border-left:0;border-right:1px solid rgba(255,255,255,.1)}.rtl .analytics-foot>div:first-child{padding-right:0;border:0}.rtl .center-heading{text-align:center}.rtl .center-heading>p:last-child{margin-inline:auto}.rtl .category-list button,.rtl .category-list a{text-align:right}.rtl .category-list,.rtl .filter-row{direction:rtl}.rtl .footer-contact .icon{flex:0 0 auto}.rtl .auth-form,.rtl .notice-modal{text-align:right}.rtl .password-wrap button{right:auto;left:8px}.rtl .modal-close{right:auto;left:17px}.rtl .form-options{direction:rtl}.rtl .checkbox{direction:rtl}.rtl .slider-controls{direction:rtl}.rtl .slider-arrows button{transform:scaleX(-1)}
@media(max-width:1024px){.language-button{height:39px;padding-inline:10px}.rtl .nav-actions{margin-left:auto;margin-right:0}.rtl .mobile-menu{direction:rtl}}
@media(max-width:767px){.language-button{width:39px;padding:0}.language-button span{display:none}.rtl .center-heading{text-align:right}.rtl .center-heading>p:last-child{margin-right:0}.rtl .section-heading{align-items:flex-start}}

/* Service order detail page */
.service-card{cursor:pointer}.service-card:focus-visible{outline:3px solid rgba(255,79,18,.28);outline-offset:3px}.service-detail-open main>section:not(.service-detail):not(.trust-strip){display:none!important}.service-detail{padding:42px 0 58px;background:#f5f6f7}.detail-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.95fr);align-items:start;gap:20px}.detail-panel,.related-panel{border:1px solid #e0e3e6;background:#fff}.detail-heading{min-height:155px;padding:27px 28px;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:28px}.detail-icon{width:105px;height:105px;display:grid;place-items:center;border-radius:12px;color:#fff}.detail-icon.orange{background:linear-gradient(135deg,#ff4f12,#be2c00)}.detail-icon.black{background:linear-gradient(135deg,#292929,#050505)}.detail-icon.silver{background:linear-gradient(135deg,#696969,#181818)}.detail-icon.gaming{background:linear-gradient(135deg,#ec4200,#1a120f)}.detail-icon.blue{background:linear-gradient(135deg,#245ea7,#0f2241)}.detail-icon.purple{background:linear-gradient(135deg,#7024a7,#1d112a)}.detail-icon.pink{background:linear-gradient(135deg,#c11f6a,#2a1022)}.detail-icon .icon{width:47px;height:47px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:10px;color:#8a8f95;font-size:11px}.breadcrumbs button{padding:0;border:0;background:transparent;color:#747a80}.breadcrumbs button:hover{color:var(--orange)}.breadcrumbs b{font-weight:500}.detail-heading h1{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.02em}.detail-heading p{max-width:620px;margin:9px 0 0;color:#858a90;font-size:11px;line-height:1.65}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e5e7e9}.detail-facts>div{min-height:88px;padding:18px 28px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-right:1px solid #e5e7e9}.detail-facts>div:last-child{border:0}.detail-facts small{text-transform:uppercase;color:#9b9fa5;font-size:9px;font-weight:700;letter-spacing:.1em}.detail-facts b{font-size:14px;color:#30343a}.detail-facts>div:nth-child(2) b{color:var(--orange)}.detail-facts .online{display:flex;align-items:center;gap:7px;color:#20a36d}.detail-facts .online span{width:8px;height:8px;border-radius:50%;background:#20b377;box-shadow:0 0 0 4px rgba(32,179,119,.12)}.order-form{min-height:305px;padding:28px;display:flex;flex-direction:column;gap:18px}.order-form>label:first-child{display:grid;gap:10px;color:#3b4147;font-size:12px;font-weight:600}/* The order form used to hold exactly one box, so its styling was written for a first child. A service asks for what it asks for - none, one or several - and display:contents lets the generated labels sit in the form's own grid rather than in a box of their own. */.order-fields{display:contents}.order-fields[hidden]{display:none}.order-fields>label{display:grid;gap:10px;color:#3b4147;font-size:12px;font-weight:600}.order-fields input[type="text"],.order-fields input[type="number"],.order-fields input[type="email"],.order-fields select{width:100%;height:50px;padding:0 14px;border:1px solid #cfd4d9;border-radius:6px;background:#fff;outline:0;font-size:13px}.order-fields textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid #cfd4d9;border-radius:6px;background:#fff;outline:0;font-size:13px;font-family:inherit;resize:vertical}.order-fields input:focus,.order-fields select:focus,.order-fields textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--soft)}/* A service nobody has priced cannot be ordered, and the button says so. */.order-form>button:disabled{background:#c3c8cd;cursor:not-allowed}.order-form>button:disabled:hover{background:#c3c8cd}.order-form input[type="text"]{width:100%;height:50px;padding:0 14px;border:1px solid #cfd4d9;border-radius:6px;background:#fff;outline:0;font-size:13px}.order-form input[type="text"]:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--soft)}.detail-terms{display:flex;align-items:center;gap:8px;color:#555c63;font-size:11px}.detail-terms input{display:none}.detail-terms>span{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:5px;background:var(--orange);color:#fff}.detail-terms>span .icon{width:12px;height:12px}.detail-terms a{color:var(--orange)}.order-form>button{width:100%;height:50px;margin-top:5px;border:0;border-radius:7px;background:var(--orange);color:#fff;text-transform:uppercase;font-size:11px;font-weight:700}.order-form>button:hover{background:var(--orange-dark)}.related-panel{padding:28px 24px}.related-panel h2{display:inline-block;margin:0 0 20px;padding-bottom:11px;border-bottom:2px solid var(--orange);text-transform:uppercase;color:#30363b;font-size:12px;letter-spacing:.04em}.related-service{width:100%;padding:15px 0;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:14px;border:0;border-bottom:1px solid #e5e7e9;background:transparent;text-align:left}.related-service:last-child{border-bottom:0}.related-service:hover b{color:var(--orange)}.related-service>i{width:88px;height:70px;display:grid;place-items:center;border-radius:9px;color:#fff;font-style:normal}.related-service>i.orange{background:#e64a16}.related-service>i.black{background:#181818}.related-service>i.silver{background:#555}.related-service>i.gaming{background:#a93612}.related-service>i.blue{background:#245e94}.related-service>i.purple{background:#672692}.related-service>i.pink{background:#a51f5e}.related-service>i .icon{width:31px;height:31px}.related-service>span{min-width:0;display:grid;gap:7px}.related-service b{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5056;font-size:11px;line-height:1.5}.related-service small{display:flex;align-items:center;gap:5px;color:#91969b;font-size:9px}.related-service small .icon{width:11px;height:11px}.related-service strong{color:var(--orange);font-size:11px}.rtl .detail-heading,.rtl .detail-facts,.rtl .order-form,.rtl .related-panel{direction:rtl;text-align:right}.rtl .detail-facts>div{border-right:0;border-left:1px solid #e5e7e9}.rtl .detail-facts>div:last-child{border-left:0}.rtl .breadcrumbs{direction:rtl}.rtl .related-service{text-align:right;direction:rtl}.rtl .order-form>button span{display:inline-block;transform:scaleX(-1)}
@media(max-width:900px){.service-detail{padding-top:28px}.detail-layout{grid-template-columns:1fr}.related-panel{order:2}.related-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.detail-heading{grid-template-columns:90px 1fr}.detail-icon{width:90px;height:90px}}
@media(max-width:600px){.service-detail{padding:0 0 35px}.service-detail>.container{width:100%}.detail-panel,.related-panel{border-inline:0}.detail-heading{padding:24px 18px;grid-template-columns:65px 1fr;align-items:start;gap:14px}.detail-icon{width:65px;height:65px}.detail-icon .icon{width:31px;height:31px}.breadcrumbs{font-size:10px}.detail-heading h1{font-size:17px}.detail-heading p{font-size:11px}.detail-facts>div{min-height:78px;padding:15px 12px}.detail-facts small{font-size:8px}.detail-facts b{font-size:12px}.order-form{min-height:270px;padding:24px 18px}.detail-terms{align-items:flex-start;line-height:1.5}.related-panel{padding:25px 18px}.related-panel>div{display:block}.related-service{grid-template-columns:78px 1fr}.related-service>i{width:78px;height:64px}}

/* Category service-list page */
.service-list-open main>section:not(.service-list-page):not(.trust-strip){display:none!important}.service-list-page{min-height:650px;padding:34px 0 60px;background:#f5f6f7}.list-page-header{min-height:105px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #dfe3e6;background:#fff}.list-page-header h1{margin:0 0 11px;text-transform:uppercase;font-size:16px;letter-spacing:-.01em}.list-page-header nav{display:flex;align-items:center;gap:9px;color:#92979d;font-size:11px}.list-page-header nav button{padding:0;border:0;background:transparent;color:#6f757b}.list-page-header nav button:hover{color:var(--orange)}.list-page-header nav b{font-weight:500}.list-page-header>label{width:245px;height:46px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid #cdd3d8;border-radius:6px;background:#fff;color:#9aa0a6}.list-page-header>label .icon{width:17px;height:17px}.list-page-header input{width:100%;height:100%;padding:0;border:0;background:transparent;outline:0;font-size:12px}.compact-service-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compact-service{min-height:126px;padding:18px 16px;display:grid;grid-template-columns:105px minmax(0,1fr) 16px;align-items:center;gap:16px;border:1px solid #dfe3e6;background:#fff;text-align:left;transition:.2s}.compact-service:hover{border-color:#ffb89f;box-shadow:0 12px 28px rgba(0,0,0,.06);transform:translateY(-2px)}.compact-service>i{width:105px;height:76px;display:grid;place-items:center;border-radius:9px;color:#fff;font-style:normal}.compact-service>i.orange{background:linear-gradient(135deg,#ff4f12,#be2c00)}.compact-service>i.black{background:#171717}.compact-service>i.silver{background:#555}.compact-service>i.gaming{background:linear-gradient(135deg,#ec4200,#3a170a)}.compact-service>i.blue{background:#245e94}.compact-service>i.purple{background:#672692}.compact-service>i.pink{background:#a51f5e}.compact-service>i .icon{width:36px;height:36px}.compact-service>span{min-width:0;display:grid;gap:8px}.compact-service b{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5056;font-size:12px;line-height:1.55}.compact-service small{display:flex;align-items:center;gap:5px;color:#8f959b;font-size:9px}.compact-service small .icon{width:11px;height:11px}.compact-service strong{color:var(--orange);font-size:11px}.compact-service>em{color:#c1c5c9;font-size:17px;font-style:normal}.list-empty{min-height:330px;margin-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dfe3e6;background:#fff;text-align:center}.list-empty>.icon{width:42px;height:42px;color:var(--orange)}.list-empty h2{margin:14px 0 7px;font-size:18px}.list-empty p{margin:0;color:#888;font-size:12px}.rtl .list-page-header,.rtl .compact-service{direction:rtl;text-align:right}.rtl .list-page-header nav{direction:rtl}.rtl .compact-service>em{transform:scaleX(-1)}
@media(max-width:1050px){.compact-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.service-list-page{padding-top:0}.service-list-page>.container{width:100%}.list-page-header{align-items:stretch;flex-direction:column;padding:23px 18px;border-inline:0}.list-page-header>label{width:100%}.compact-service-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;padding-inline:12px}.compact-service{min-height:112px;grid-template-columns:88px minmax(0,1fr) 12px;padding:14px 12px;gap:12px}.compact-service>i{width:88px;height:68px}.compact-service b{font-size:12px}.list-empty{margin:12px;border-inline:0}}
@media(max-width:400px){.compact-service{grid-template-columns:72px minmax(0,1fr);}.compact-service>i{width:72px;height:62px}.compact-service>em{display:none}}

/* Consistent service banner sizing */
.service-grid{align-items:stretch;grid-auto-rows:1fr}.service-card{height:100%;display:flex;flex-direction:column}.service-art{height:165px;flex:0 0 165px}.service-body{height:100%;display:flex;flex-direction:column}.service-body h3{min-height:40px}.service-body>p{min-height:54px}.service-bottom{margin-top:auto}.compact-service{height:132px;min-height:132px}.compact-service>i{height:82px}.related-service{height:102px;min-height:102px}.related-service>i{height:70px}
@media(max-width:767px){.service-art{height:180px;flex-basis:180px}.service-body h3,.service-body>p{min-height:0}.compact-service{height:118px;min-height:118px}.compact-service>i{height:72px}.related-service{height:96px;min-height:96px}}
@media(max-width:420px){.service-art{height:165px;flex-basis:165px}.compact-service{height:112px;min-height:112px}.compact-service>i{height:68px}}

/* Uniform related-service banners */
.related-panel>div{align-items:stretch}.related-service{width:100%;height:116px;min-height:116px;max-height:116px;padding:14px 0;grid-template-columns:86px minmax(0,1fr);align-items:center;overflow:hidden}.related-service>i{width:86px;height:86px;min-width:86px;min-height:86px}.related-service>span{height:86px;align-content:center;grid-template-rows:36px 15px 16px;gap:4px;overflow:hidden}.related-service b{height:36px;min-height:36px;max-height:36px;-webkit-line-clamp:2;line-height:18px}.related-service small,.related-service strong{height:15px;line-height:15px;overflow:hidden;white-space:nowrap}
@media(max-width:600px){.related-service{height:108px;min-height:108px;max-height:108px;grid-template-columns:78px minmax(0,1fr);gap:12px}.related-service>i{width:78px;height:78px;min-width:78px;min-height:78px}.related-service>span{height:78px;grid-template-rows:36px 15px 15px}}

/* Shared artwork size for selected and related services */
.detail-layout{--detail-banner-size:105px}.detail-icon{width:var(--detail-banner-size);height:var(--detail-banner-size);min-width:var(--detail-banner-size);min-height:var(--detail-banner-size)}.related-service{height:135px;min-height:135px;max-height:135px;grid-template-columns:var(--detail-banner-size) minmax(0,1fr);gap:14px}.related-service>i{width:var(--detail-banner-size);height:var(--detail-banner-size);min-width:var(--detail-banner-size);min-height:var(--detail-banner-size)}.related-service>span{height:90px}
.service-bottom{justify-content:flex-start}
@media(max-width:600px){.detail-layout{--detail-banner-size:72px}.detail-heading{grid-template-columns:var(--detail-banner-size) minmax(0,1fr)}.related-service{height:104px;min-height:104px;max-height:104px;grid-template-columns:var(--detail-banner-size) minmax(0,1fr);gap:12px}.related-service>span{height:76px}}

/* Authenticated customer header */
.account-control{position:relative}.account-button{height:48px;padding:5px 10px 5px 7px;display:flex;align-items:center;gap:8px;border:0;border-radius:11px;background:#111;color:#fff}.account-button>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-style:normal}.account-button>i .icon{width:18px;height:18px}.account-button>span:not(.account-chevron){min-width:62px;display:flex;align-items:flex-start;flex-direction:column;gap:2px;text-align:left}.account-button b{font-size:11px}.account-button small{text-transform:uppercase;color:#aaa;font-size:7px;letter-spacing:.08em}.account-button>em{width:1px;height:26px;background:#3d3d3d}.account-button>strong{font-size:10px;font-weight:600;white-space:nowrap}.account-chevron{color:#aaa;font-size:14px}.account-menu{left:auto;right:0;width:220px;padding:8px}.account-menu a,.account-menu>button{width:100%;min-height:45px;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:#fff;color:#25292e;font-size:12px;text-align:left}.account-menu a:hover{background:#f4f5f5}.account-menu .icon{width:18px;height:18px}.account-menu>button{margin-top:8px;border-top:1px dashed #ddd;border-radius:8px;background:#fff0f0;color:#e63737}.account-menu>button:hover{background:#ffe6e6}.auth-error{margin:0!important;padding:10px 12px;border:1px solid #ffc4b3;border-radius:7px;background:#fff3ee;color:#c83214!important;font-size:10px!important;line-height:1.5}/* The address a confirmation code went to, under the sentence that says so. Its own node, because a sentence with an address baked into it never matches a dictionary key and would stay English. */.auth-error .auth-address{display:block;margin-top:4px;font-size:11px;word-break:break-all}.rtl .account-button{direction:ltr}.rtl .account-menu{left:0;right:auto}.rtl .account-menu a,.rtl .account-menu>button{direction:rtl;text-align:right}
/* Animated sign-in success */
.success-backdrop{z-index:130}.success-modal{width:min(900px,100%);min-height:560px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}.success-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid #e8eeee;background:linear-gradient(145deg,#fbfdfd,#eef9f7)}.success-visual:after{content:"";position:absolute;left:50%;bottom:-170px;width:450px;height:300px;transform:translateX(-50%);border-radius:50%;background:rgba(255,79,18,.05);filter:blur(10px)}.success-card{width:210px;height:190px;padding:26px;position:relative;z-index:2;border-radius:18px;background:#fff;box-shadow:0 25px 65px rgba(27,92,80,.14);transform:rotate(-5deg);animation:successFloat 3s ease-in-out infinite}.success-card>span{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#e9f4f1;color:var(--orange)}.success-card>span .icon{width:25px;height:25px}.success-card>i{height:10px;margin-top:20px;display:block;border-radius:6px;background:#eef1f2}.success-card>i:nth-child(2){width:80%}.success-card>i:nth-child(3){width:55%;margin-top:10px}.success-card>b{height:34px;margin-top:20px;display:block;border-radius:8px;background:linear-gradient(90deg,var(--orange),#ff7950)}.success-shield{width:76px;height:88px;position:absolute;z-index:3;right:20%;top:26%;display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,87% 72%,50% 100%,13% 72%,5% 18%);background:var(--orange);color:#fff;animation:shieldPop .65s cubic-bezier(.2,.9,.3,1.3)}.success-shield .icon{width:38px;height:38px}.success-mail{width:68px;height:58px;position:absolute;z-index:3;left:22%;top:38%;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--orange);box-shadow:0 14px 30px rgba(0,0,0,.1);animation:mailIn .7s ease both}.success-mail .icon{width:30px;height:30px}.success-mail small{width:19px;height:19px;position:absolute;right:-5px;top:-5px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:8px}.success-orbit{position:absolute;border-radius:50%;background:rgba(255,79,18,.09);animation:orbitPulse 2.4s ease-in-out infinite}.orbit-a{width:52px;height:52px;left:22%;top:31%}.orbit-b{width:34px;height:34px;right:25%;bottom:30%;animation-delay:.7s}.success-copy{padding:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.success-check{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:#39ac7b;color:#fff;box-shadow:0 0 0 14px rgba(57,172,123,.1);animation:checkPop .6s cubic-bezier(.2,.9,.3,1.35)}.success-check .icon{width:42px;height:42px;stroke-width:2.5}.success-copy h2{margin:31px 0 8px;font-size:24px}.success-copy>p{margin:0;color:#7d8287;font-size:12px}.success-copy>button{width:100%;height:48px;margin-top:32px;border:0;border-radius:999px;background:#1c2024;color:#fff;font-size:12px}.success-copy>button:hover{background:var(--orange)}.success-copy>small{margin-top:17px;color:#888;font-size:10px}.success-copy>small b{color:#333}@keyframes checkPop{from{opacity:0;transform:scale(.3) rotate(-25deg)}}@keyframes shieldPop{from{opacity:0;transform:scale(.4) translateY(30px)}}@keyframes mailIn{from{opacity:0;transform:translateX(-30px) rotate(-15deg)}}@keyframes successFloat{50%{transform:translateY(-9px) rotate(-3deg)}}@keyframes orbitPulse{50%{transform:scale(1.25);opacity:.45}}
@media(max-width:1024px){.account-button>strong,.account-button>em{display:none}.account-button>span:not(.account-chevron){min-width:55px}}
@media(max-width:700px){.account-button{height:39px;padding:3px 7px}.account-button>i{width:31px;height:31px}.account-button>span:not(.account-chevron),.account-chevron{display:none}.account-menu{right:0;width:210px}.rtl .account-menu{right:0;left:auto}.success-modal{min-height:0;grid-template-columns:1fr}.success-visual{min-height:260px;border-right:0;border-bottom:1px solid #e8eeee;transform:scale(1)}.success-card{width:170px;height:150px;padding:20px}.success-card>span{width:43px;height:43px}.success-card>i{margin-top:13px}.success-card>b{height:27px;margin-top:14px}.success-shield{width:60px;height:70px;right:24%;top:20%}.success-mail{width:56px;height:48px;left:24%;top:38%}.success-copy{padding:40px 24px}.success-check{width:68px;height:68px}.success-check .icon{width:34px;height:34px}.success-copy h2{margin-top:24px;font-size:22px}.success-copy>button{margin-top:25px}}
.success-modal{position:relative}.success-close{background:#f2f2f2}

/* Creative customer dashboard */
.dashboard-open main>section:not(.customer-dashboard):not(.trust-strip){display:none!important}.customer-dashboard{min-height:760px;padding:34px 0 60px;background:#f3f4f6}.dashboard-shell{display:grid;grid-template-columns:235px minmax(0,1fr);overflow:hidden;border:1px solid #e0e2e5;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.06)}.dashboard-sidebar{min-height:690px;padding:25px 15px;display:flex;flex-direction:column;border-right:1px solid #e7e8ea;background:linear-gradient(180deg,#fff,#fafafa)}.dashboard-user{padding:4px 8px 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eee}.dashboard-user>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--orange);color:#fff;font-style:normal}.dashboard-user>i .icon{width:21px;height:21px}.dashboard-user>span{min-width:0;display:grid;gap:4px}.dashboard-user b{font-size:13px}.dashboard-user small{overflow:hidden;text-overflow:ellipsis;color:#999;font-size:9px}.dashboard-sidebar nav{display:grid;gap:6px;margin-top:20px}.dashboard-sidebar nav button,.dashboard-logout{width:100%;height:47px;padding:0 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;background:transparent;color:#656b71;font-size:11px;font-weight:600;text-align:left}.dashboard-sidebar nav button .icon,.dashboard-logout .icon{width:19px;height:19px}.dashboard-sidebar nav button:hover{background:#fff3ee;color:var(--orange)}.dashboard-sidebar nav button.active{background:linear-gradient(90deg,var(--orange),#ff7047);color:#fff;box-shadow:0 9px 22px rgba(255,79,18,.2)}.dashboard-logout{margin-top:auto;background:#fff0f0;color:#df3838}.dashboard-logout:hover{background:#ffe4e4}.dashboard-main{min-width:0;padding:30px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.dashboard-welcome p{margin:0 0 7px;text-transform:uppercase;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.14em}.dashboard-welcome h1{margin:0;font-size:28px;letter-spacing:-.04em}.dashboard-welcome>div>span{display:block;margin-top:8px;color:#8a8f94;font-size:11px}.dashboard-welcome>button{height:45px;padding:0 17px;display:flex;align-items:center;gap:8px;border:0;border-radius:10px;background:#111;color:#fff;font-size:10px;font-weight:700}.dashboard-welcome>button:hover{background:var(--orange)}.dashboard-overview{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.balance-card{min-height:330px;padding:27px;overflow:hidden;position:relative;border-radius:18px;background:radial-gradient(circle at 95% 5%,rgba(255,255,255,.16),transparent 28%),linear-gradient(140deg,#191919,#070707);color:#fff}.balance-card:after{content:"";position:absolute;right:-65px;top:-65px;width:190px;height:190px;border:34px solid rgba(255,79,18,.12);border-radius:50%}.balance-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.balance-top>span{display:grid;gap:7px}.balance-top small,.balance-stats small{color:#a1a1a1;font-size:9px}.balance-top strong{font-size:31px;letter-spacing:-.04em}.balance-top>i{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--orange);font-style:normal}.balance-top>i .icon{width:22px;height:22px}.balance-chart{height:105px;margin:25px 0 17px;padding:0 5px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #333}.balance-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(to top,#a42b00,var(--orange));animation:dashBars .65s ease both}.balance-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.balance-stats>span{padding:13px;display:grid;gap:6px;border:1px solid #333;border-radius:10px;background:rgba(255,255,255,.04)}.balance-stats b{font-size:12px}.order-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-status-grid article{min-height:100px;padding:17px;display:flex;align-items:center;gap:13px;border:1px solid #e4e6e8;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.04)}.order-status-grid article>i{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;font-style:normal}.order-status-grid article>i .icon{width:21px;height:21px}.order-status-grid article>span{display:grid;gap:6px}.order-status-grid small{color:#858b91;font-size:9px}.order-status-grid b{font-size:13px}.order-status-grid .waiting>i{background:#eef1f4;color:#627080}.order-status-grid .processing>i{background:#fff0df;color:#ee8f2e}.order-status-grid .successful>i{background:#e5f7ef;color:#2fa774}.order-status-grid .rejected>i{background:#ffebeb;color:#e53b3b}.order-status-grid .total-orders{min-height:95px;grid-column:1/-1;border:0;background:linear-gradient(105deg,var(--orange),#ff7148);color:#fff}.order-status-grid .total-orders>i{background:rgba(255,255,255,.18)}.order-status-grid .total-orders small{color:rgba(255,255,255,.72)}.order-status-grid .total-orders em{width:34px;height:34px;margin-left:auto;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--orange);font-size:17px;font-style:normal}.dashboard-records{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dashboard-records>article{min-height:200px;border:1px solid #e3e5e7;border-radius:15px;background:#fff}.dashboard-records header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.dashboard-records header>span{display:flex;align-items:center;gap:10px}.dashboard-records header i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff0ea;color:var(--orange);font-style:normal}.dashboard-records header i .icon{width:16px;height:16px}.dashboard-records header b{font-size:13px}.dashboard-records header button{border:0;background:transparent;color:var(--orange);font-size:9px}.dashboard-records article>div{height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.dashboard-records article>div>.icon{width:28px;height:28px;color:#c7cbd0}.dashboard-records p{margin:10px 0 4px;color:#676d73;font-size:11px;font-weight:600}.dashboard-records small{color:#aaa;font-size:8px}.rtl .dashboard-shell,.rtl .dashboard-overview,.rtl .dashboard-records{direction:rtl}.rtl .dashboard-sidebar{border-right:0;border-left:1px solid #e7e8ea}.rtl .dashboard-sidebar nav button,.rtl .dashboard-logout{text-align:right}.rtl .order-status-grid .total-orders em{margin-left:0;margin-right:auto;transform:scaleX(-1)}@keyframes dashBars{from{height:0}}
@media(max-width:1000px){.dashboard-shell{grid-template-columns:190px minmax(0,1fr)}.dashboard-main{padding:24px}.dashboard-overview{grid-template-columns:1fr}.balance-card{min-height:300px}.dashboard-sidebar nav button,.dashboard-logout{font-size:10px}}
@media(max-width:720px){.customer-dashboard{padding-top:0}.customer-dashboard>.container{width:100%}.dashboard-shell{display:block;border:0;border-radius:0}.dashboard-sidebar{min-height:0;padding:14px;border-right:0;border-bottom:1px solid #e7e8ea}.rtl .dashboard-sidebar{border-left:0}.dashboard-user{display:none}.dashboard-sidebar nav{display:flex;margin:0;overflow-x:auto;scrollbar-width:none}.dashboard-sidebar nav button{width:auto;min-width:max-content;height:42px;padding-inline:13px}.dashboard-sidebar nav button .icon{width:16px;height:16px}.dashboard-logout{display:none}.dashboard-main{padding:24px 15px}.dashboard-welcome{align-items:flex-start}.dashboard-welcome h1{font-size:24px}.dashboard-welcome>div>span{line-height:1.5}.dashboard-welcome>button{width:42px;padding:0;font-size:0}.dashboard-welcome>button .icon{width:18px;height:18px}.dashboard-overview{gap:14px}.balance-card{min-height:290px;padding:21px}.balance-top strong{font-size:27px}.order-status-grid{gap:9px}.order-status-grid article{min-height:88px;padding:12px;gap:9px}.order-status-grid article>i{width:37px;height:37px;flex-basis:37px}.order-status-grid b{font-size:11px}.dashboard-records{grid-template-columns:1fr;gap:14px}.dashboard-records>article{min-height:180px}}
@media(max-width:400px){.dashboard-main{padding-inline:12px}.dashboard-welcome h1{font-size:21px}.order-status-grid{grid-template-columns:1fr}.order-status-grid .total-orders{grid-column:auto}.dashboard-records small{padding-inline:10px;line-height:1.5}}

/* Binance-only balance funding */
.funding-open main>section:not(.add-balance-page):not(.trust-strip){display:none!important}.add-balance-page{min-height:720px;padding:42px 0 60px;background:#f3f4f6}.funding-shell{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid #e0e2e5;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.08)}.funding-entry{min-height:610px;padding:38px 42px}.funding-entry>header{display:flex;align-items:center;gap:16px}.funding-entry>header>button{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:17px}.funding-entry>header>button:hover{border-color:var(--orange);color:var(--orange)}.funding-entry>header p{margin:0 0 5px;text-transform:uppercase;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.13em}.funding-entry h1{margin:0;font-size:29px;letter-spacing:-.04em}.funding-progress{margin:34px 0;display:flex;align-items:center}.funding-progress>span{display:flex;align-items:center;gap:7px;color:#a0a4a8;font-size:9px;font-weight:700}.funding-progress i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eceeef;color:#8b9095;font-size:9px;font-style:normal}.funding-progress .active{color:#202428}.funding-progress .active i{background:var(--orange);color:#fff}.funding-progress>em{height:1px;flex:1;margin:0 10px;background:#e1e3e5}.funding-entry form{display:grid;gap:28px}.amount-label{display:grid;gap:11px;text-transform:uppercase;color:#545b62;font-size:10px;font-weight:700;letter-spacing:.05em}.amount-input{height:72px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid #d7dadd;border-radius:12px;background:#fafafa}.amount-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--soft);background:#fff}.amount-input>b{color:#bbb;font-size:22px}.amount-input input{width:100%;height:100%;padding:0;border:0;background:transparent;outline:0;color:#151719;font-size:26px;font-weight:700}.amount-input input::-webkit-inner-spin-button{display:none}.amount-input strong{color:#777;font-size:11px}.amount-label>small{text-transform:none;color:#aaa;font-size:9px;font-weight:500;letter-spacing:0}.amount-label>small b{color:#555}.funding-entry fieldset{padding:0;border:0}.funding-entry legend{margin-bottom:12px;text-transform:uppercase;color:#545b62;font-size:10px;font-weight:700;letter-spacing:.05em}.binance-option{min-height:93px;padding:15px 17px;display:flex;align-items:center;gap:14px;position:relative;border:2px solid #f0b90b;border-radius:14px;background:linear-gradient(105deg,#fffdf4,#fff);box-shadow:0 10px 28px rgba(240,185,11,.09)}.binance-option input{display:none}.binance-option>i,.summary-brand>i{width:51px;height:51px;flex:0 0 51px;display:grid;place-items:center;border-radius:12px;background:#f0b90b;color:#161616;font-size:23px;font-style:normal}.binance-option>span{min-width:0;display:grid;gap:6px}.binance-option>span b{font-size:13px}.binance-option>span small{color:#8b8f93;font-size:9px}.binance-option>em{margin-left:auto;padding:6px 8px;border-radius:999px;background:#fff5cf;color:#9c7600;font-size:8px;font-style:normal;font-weight:700}.binance-option>strong{width:23px;height:23px;position:absolute;right:-8px;top:-8px;display:grid;place-items:center;border-radius:50%;background:#f0b90b;color:#111}.binance-option>strong .icon{width:13px;height:13px}.binance-note{padding:14px;display:flex;align-items:center;gap:11px;border-radius:11px;background:#f7f7f6;color:#777}.binance-note>.icon{width:22px;height:22px;flex:0 0 22px;color:var(--orange)}.binance-note>span{display:grid;gap:4px}.binance-note b{color:#444;font-size:10px}.binance-note small{font-size:8px;line-height:1.5}.funding-summary{min-height:610px;padding:38px 42px;position:relative;overflow:hidden;background:radial-gradient(circle at 110% -5%,rgba(240,185,11,.2),transparent 35%),linear-gradient(145deg,#171819,#070707);color:#fff}.funding-summary:after{content:"";position:absolute;right:-100px;bottom:-100px;width:280px;height:280px;border:55px solid rgba(240,185,11,.06);border-radius:50%}.summary-brand{padding-bottom:26px;display:flex;align-items:center;gap:12px;position:relative;z-index:1;border-bottom:1px solid #303234}.summary-brand>span{display:grid;gap:5px}.summary-brand small{color:#85898d;font-size:8px}.summary-brand b{font-size:12px}.summary-brand>em{margin-left:auto;color:#f0b90b;font-size:9px;font-style:normal;font-weight:700}.funding-summary h2{margin:28px 0 19px;font-size:20px}.summary-balance{padding:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #323436;border-radius:12px;background:rgba(255,255,255,.04)}.summary-balance>span{display:grid;gap:6px}.summary-balance small{color:#888;font-size:8px}.summary-balance b{font-size:15px}.summary-balance>.icon{width:24px;height:24px;color:#f0b90b}.funding-summary dl{margin:25px 0 0}.funding-summary dl>div{padding:13px 0;display:flex;justify-content:space-between;border-bottom:1px solid #292b2d}.funding-summary dt{color:#989c9f;font-size:10px}.funding-summary dd{margin:0;font-size:10px;font-weight:700}.summary-total{padding:20px 0;display:flex;align-items:center;justify-content:space-between}.summary-total span{font-size:12px;font-weight:700}.summary-total b{color:#f0b90b;font-size:20px}.funding-summary>button{width:100%;height:51px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;z-index:2;border:0;border-radius:10px;background:#f0b90b;color:#171717;font-size:10px;font-weight:800}.funding-summary>button:hover{background:#ffd33d;transform:translateY(-1px)}.funding-summary>button.processing{pointer-events:none;opacity:.72}.funding-summary>button.processing .icon{animation:spin 1s linear infinite}.funding-summary>button .icon{width:17px;height:17px}.funding-summary>p{display:flex;align-items:center;justify-content:center;gap:7px;color:#777;font-size:8px}.funding-summary>p .icon{width:13px;height:13px}.accepted-assets{margin-top:22px;display:flex;align-items:center;gap:8px;position:relative;z-index:2}.accepted-assets span{margin-right:auto;color:#707478;font-size:8px}.accepted-assets b{padding:6px 9px;border:1px solid #353738;border-radius:6px;color:#d8d8d8;font-size:8px}.rtl .funding-shell,.rtl .funding-entry,.rtl .funding-summary{direction:rtl;text-align:right}.rtl .funding-entry>header>button{transform:scaleX(-1)}.rtl .binance-option>em{margin-left:0;margin-right:auto}.rtl .binance-option>strong{right:auto;left:-8px}.rtl .summary-brand>em{margin-left:0;margin-right:auto}.rtl .accepted-assets span{margin-right:0;margin-left:auto}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.add-balance-page{padding-top:25px}.funding-shell{grid-template-columns:1fr}.funding-entry,.funding-summary{min-height:0;padding:32px}.funding-summary{order:2}}
@media(max-width:560px){.add-balance-page{padding-top:0}.add-balance-page>.container{width:100%}.funding-shell{border:0;border-radius:0}.funding-entry,.funding-summary{padding:27px 17px}.funding-entry h1{font-size:25px}.funding-progress{margin:27px 0}.funding-progress>span{font-size:8px}.amount-input{height:64px}.binance-option{padding:13px}.binance-option>i{width:44px;height:44px;flex-basis:44px}.binance-option>em{display:none}.funding-summary h2{font-size:18px}}

/* Filtered order history */
.order-status-grid article[data-order-status]{cursor:pointer;transition:.2s}.order-status-grid article[data-order-status]:hover,.order-status-grid article[data-order-status]:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.1);outline:0}.order-history-open main>section:not(.order-history-page):not(.trust-strip){display:none!important}.order-history-page{min-height:590px;padding:36px 0 58px;background:#f3f4f6}.history-shell{overflow:hidden;border:1px solid #e0e3e6;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.06)}.history-header{min-height:128px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;border-bottom:1px solid #e5e7e9}.history-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}.history-header p{margin:0 0 7px;text-transform:uppercase;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.13em}.history-header h1{margin:0 0 12px;font-size:22px;letter-spacing:-.03em}.history-header h1 span{color:#9b9fa3;font-size:14px;font-weight:500}.history-header nav{display:flex;align-items:center;gap:8px;color:#9a9ea3;font-size:10px}.history-header nav button{padding:0;border:0;background:transparent;color:#73797f}.history-header nav button:hover{color:var(--orange)}.history-header nav b{font-weight:500}.history-header>label{width:245px;height:45px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #cfd4d8;border-radius:9px;color:#999}.history-header>label .icon{width:17px;height:17px}.history-header input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;font-size:11px}.history-filter{padding:15px 28px;display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #e6e8ea;scrollbar-width:none}.history-filter button{min-width:max-content;height:36px;padding:0 13px;border:1px solid #dfe2e4;border-radius:999px;background:#fff;color:#777d82;font-size:9px;font-weight:700}.history-filter button:hover{border-color:#ffbaa1;color:var(--orange)}.history-filter button.active{border-color:#111;background:#111;color:#fff}.history-table-wrap{position:relative;overflow-x:auto}.history-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.history-table-wrap th{height:51px;padding:0 18px;border-bottom:1px solid #e3e5e7;background:#fafafa;text-align:left;text-transform:uppercase;color:#555b61;font-size:9px;letter-spacing:.04em}.history-table-wrap td{padding:14px 18px;border-bottom:1px solid #eee;font-size:10px}.history-empty{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.history-empty>i{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#fff0ea;color:var(--orange);font-style:normal;box-shadow:0 9px 24px rgba(255,79,18,.1)}.history-empty>i .icon{width:28px;height:28px}.history-empty h2{margin:17px 0 7px;font-size:17px}.history-empty p{margin:0;color:#92979c;font-size:10px}.history-empty button{height:40px;margin-top:19px;padding:0 16px;border:0;border-radius:9px;background:var(--orange);color:#fff;font-size:9px;font-weight:700}.order-history-page[data-status="waiting"] .history-header:before,.order-history-page[data-status="waiting"] .history-empty>i{background:#eef1f4;color:#617080}.order-history-page[data-status="processing"] .history-header:before{background:#ee8f2e}.order-history-page[data-status="processing"] .history-empty>i{background:#fff0df;color:#ee8f2e}.order-history-page[data-status="success"] .history-header:before{background:#2fa774}.order-history-page[data-status="success"] .history-empty>i{background:#e5f7ef;color:#2fa774}.order-history-page[data-status="rejected"] .history-header:before{background:#e53b3b}.order-history-page[data-status="rejected"] .history-empty>i{background:#ffebeb;color:#e53b3b}.rtl .history-header,.rtl .history-filter,.rtl .history-table-wrap{direction:rtl;text-align:right}.rtl .history-header:before{left:auto;right:0}.rtl .history-table-wrap th{text-align:right}
@media(max-width:700px){.order-history-page{padding-top:0}.order-history-page>.container{width:100%}.history-shell{border-inline:0;border-radius:0}.history-header{align-items:stretch;flex-direction:column;padding:23px 18px}.history-header>label{width:100%}.history-filter{padding-inline:18px}.history-table-wrap table{min-width:760px}.history-empty{min-width:100vw;min-height:250px}}

/* Invoice and statement records */
.records-open main>section:not(.records-page):not(.trust-strip){display:none!important}.records-page{min-height:600px;padding:36px 0 58px;background:#f3f4f6}.records-header:before{background:var(--orange)}.records-page[data-type="statement"] .records-header:before{background:#5b6bd5}.records-summary{padding:18px 28px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #e5e7e9;background:#fafafa}.records-summary article{min-width:190px;padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid #e1e4e6;border-radius:11px;background:#fff}.records-summary article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff0ea;color:var(--orange);font-style:normal}.records-page[data-type="statement"] .records-summary article>i{background:#eef0ff;color:#5b6bd5}.records-summary article>i .icon{width:18px;height:18px}.records-summary article>span{display:grid;gap:5px}.records-summary small{color:#92979c;font-size:8px}.records-summary b{font-size:13px}.records-summary>em{margin-left:auto;padding:8px 11px;border-radius:999px;background:#111;color:#fff;font-size:8px;font-style:normal;font-weight:700}.records-page[data-type="statement"] .records-summary>em{background:#5b6bd5}.records-table-wrap table{min-width:970px}.records-page[data-type="statement"] .records-table-wrap table{min-width:760px}.records-empty{min-height:260px}.records-page[data-type="statement"] .records-empty>i{background:#eef0ff;color:#5b6bd5;box-shadow:0 9px 24px rgba(91,107,213,.1)}.records-page[data-type="statement"] .records-empty button{background:#5b6bd5}.rtl .records-summary{direction:rtl}.rtl .records-summary>em{margin-left:0;margin-right:auto}
@media(max-width:700px){.records-page{padding-top:0}.records-page>.container{width:100%}.records-summary{padding:14px 18px;overflow-x:auto}.records-summary article{min-width:175px}.records-summary>em{min-width:max-content}.records-table-wrap table{min-width:850px}.records-page[data-type="statement"] .records-table-wrap table{min-width:700px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.form-grid .full{grid-column:1/-1}.setting-password{position:relative}.setting-password button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#777}.setting-password button .icon{width:17px;height:17px}.password-form{max-width:520px}.password-meter{padding:17px;border:1px solid #e1e4e6;border-radius:11px;background:#fafafa}.password-meter header{display:flex;justify-content:space-between;font-size:9px}.password-meter header span{color:#999}.password-meter>div{height:5px;margin:12px 0 15px;overflow:hidden;border-radius:5px;background:#e6e8ea}.password-meter>div i{width:0;height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#ef3f3f,#f2b72f,#2eac76);transition:.25s}.password-meter ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none}.password-meter li{display:flex;align-items:center;gap:7px;color:#8e9398;font-size:9px}.password-meter li .icon{width:14px;height:14px;padding:2px;border:1px solid #d2d6da;border-radius:50%;color:transparent}.password-meter li.valid{color:#299a69}.password-meter li.valid .icon{border-color:#42b987;background:#42b987;color:#fff}.security-form,.notification-form{max-width:none}.setting-row{min-height:73px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e4e6e8;border-radius:11px;background:#fff}.setting-row>span{display:grid;gap:6px}.setting-row b{font-size:11px}.setting-row small{color:#9a9fa4;font-size:8px}.switch{display:block!important}.switch input{display:none}.switch i{width:50px;height:28px;display:block;position:relative;border-radius:999px;background:#d9dcde;transition:.2s}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.2s}.switch input:checked+i{background:var(--orange)}.switch input:checked+i:after{transform:translateX(22px)}.authenticator-box{padding:22px;display:grid;grid-template-columns:1fr 190px;align-items:center;gap:22px;border:1px solid #e1e4e6;border-radius:14px;background:linear-gradient(135deg,#fafafa,#fff)}.authenticator-box>div:first-child p{margin:0 0 8px;font-size:12px;font-weight:700}.authenticator-box>div:first-child small{color:#92979c;font-size:9px;line-height:1.6}.fake-qr{width:180px;height:180px;padding:14px;position:relative;border:10px solid #fff;background-color:#fff;background-image:repeating-linear-gradient(0deg,#111 0 5px,transparent 5px 10px),repeating-linear-gradient(90deg,transparent 0 5px,#111 5px 10px);background-blend-mode:multiply;box-shadow:0 8px 25px rgba(0,0,0,.1)}.fake-qr:after{content:"GSM";position:absolute;inset:50% auto auto 50%;padding:5px;transform:translate(-50%,-50%);background:#fff;color:var(--orange);font-size:10px;font-weight:900}.otp-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.otp-row button{border:0;border-radius:8px;background:var(--orange);color:#fff;font-size:10px}.telegram-form{max-width:560px}.telegram-form label>a{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ff9f7c;border-radius:10px;background:#fff8f5;color:var(--orange);font-size:10px}.telegram-form label>a .icon{width:18px;height:18px}.rtl .setting-password button{right:auto;left:8px}.rtl .switch input:checked+i:after{transform:translateX(-22px)}.rtl .switch i:after{left:auto;right:3px}
@media(max-width:900px){.api-layout{grid-template-columns:1fr}.api-toggle{order:-1}.settings-view{min-height:560px}}
@media(max-width:720px){.settings-view{min-height:500px}.settings-header{align-items:flex-start}.settings-header small{line-height:1.5}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-form>button{width:100%}.password-meter ul{grid-template-columns:1fr}.authenticator-box{grid-template-columns:1fr}.fake-qr{margin:auto}.otp-row{grid-column:auto;grid-template-columns:1fr}.otp-row button{height:45px}.api-resources article{grid-template-columns:38px 1fr}.api-resources article>button,.api-resources article>div{grid-column:2}.setting-row{padding-inline:12px}}
.rtl .desktop-nav>a,.rtl .desktop-nav .nav-link{direction:rtl;text-align:right}.rtl .desktop-nav .nav-link{flex-direction:row-reverse}.rtl .desktop-nav .dropdown{direction:rtl}
@media(max-width:1050px){.admin-panel{grid-template-columns:1fr}.admin-sidebar{width:252px;position:fixed;left:-270px;transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.35)}.admin-sidebar.open{left:0}.admin-brand button,.admin-topbar #adminMenuToggle{display:block}.admin-grid{grid-template-columns:1fr}.rtl .admin-sidebar{left:auto;right:-270px}.rtl .admin-sidebar.open{right:0}.admin-topbar{padding-inline:20px}}
@media(max-width:760px){.admin-topbar{height:68px}.admin-topbar h1{font-size:14px}.admin-top-actions>button:not(.admin-profile):not(#adminTheme):not(#adminLanguage){display:none}.admin-profile>b,.admin-profile>em{display:none}.admin-content{padding:20px 14px}.admin-intro{align-items:flex-start;flex-direction:column;gap:15px}.admin-intro h2{font-size:22px}.admin-order-metrics{grid-template-columns:1fr 1fr}.admin-system-stats{grid-template-columns:1fr 1fr}.financial-head,.financial-row{grid-template-columns:1.25fr .75fr .75fr;padding-inline:13px}.financial-row{font-size:9px}}
@media(max-width:480px){.admin-order-metrics{grid-template-columns:1fr}.admin-system-stats{grid-template-columns:1fr 1fr}.admin-order-metrics article{min-height:96px}.admin-intro>div:last-child{display:none}.financial-card{overflow-x:auto}.financial-card>header,.financial-head,.financial-row,.revenue-spark{min-width:480px}.month-profit{grid-template-columns:40px 1fr}.month-profit>div{grid-column:2}.admin-topbar{padding-inline:13px}.admin-content{padding-inline:10px}}@media(max-width:700px){.orders-view-head{align-items:stretch;flex-direction:column}.orders-view-head label{width:100%}.admin-orders-view{min-height:calc(100vh - 110px)}.orders-table-card{min-height:430px}.orders-empty{height:270px}.orders-table-card>footer{min-width:420px}}#adminOrderSubmenu[hidden],#adminServicesSubmenu[hidden],#adminGroupsSubmenu[hidden],#adminUsersSubmenu[hidden]{display:none!important}#adminOrderSubmenu.open,#adminServicesSubmenu.open,#adminGroupsSubmenu.open,#adminUsersSubmenu.open{display:grid!important;height:auto;min-height:150px;max-height:190px;overflow:visible;opacity:1;visibility:visible}.services-table-card table{min-width:1050px}.groups-table-card table{min-width:820px}.users-table-card table{min-width:980px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#292f35;color:#f47a55;font-size:8px;font-style:normal;font-weight:800}.role-pill{padding:6px 9px;border-radius:999px;background:#282440;color:#aa9cf1;font-size:8px;font-weight:700}@media(max-width:700px){.service-head-actions{width:100%}.service-head-actions label{width:auto;flex:1}}.media-2,.media-5{background:linear-gradient(145deg,#40284e,#17101d);color:#c487dd}.media-3{background:linear-gradient(145deg,#44301b,#19120b);color:#f1aa53}.media-4{background:linear-gradient(145deg,#183c32,#0b1814);color:#62c9aa}@media(max-width:850px){.media-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.module-summary{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.media-preview{height:180px}.media-toolbar{align-items:flex-start;flex-direction:column;padding:15px;gap:12px}.media-toolbar button{width:100%}}
#adminCmsSubmenu[hidden]{display:none!important}#adminCmsSubmenu.open{display:grid!important;min-height:114px;max-height:150px;opacity:1}@media(max-width:900px){.cms-home-layout{grid-template-columns:1fr}.cms-home-layout>nav{grid-template-columns:repeat(5,160px);overflow-x:auto}.cms-home-layout>nav button{min-height:80px}.cms-hero-preview{min-height:260px}}@media(max-width:650px){.cms-preview-grid{grid-template-columns:1fr}.cms-hero-preview{padding:24px 18px}.cms-hero-preview b{font-size:24px}.cms-hero-preview>i{width:90px;height:150px}.cms-tree article.child{margin-left:12px}.cms-menu-card{overflow-x:auto}.cms-tree{min-width:520px}}
#adminAutomationSubmenu[hidden]{display:none!important}#adminAutomationSubmenu.open{display:grid!important;min-height:114px;max-height:150px;opacity:1}@media(max-width:650px){.cron-card>nav{padding-inline:10px;overflow-x:auto}.cron-card>nav button{min-width:max-content}.cron-list article{padding-inline:10px}}
#adminUtilitiesSubmenu[hidden]{display:none!important}#adminUtilitiesSubmenu.open{display:grid!important;min-height:78px;max-height:110px;opacity:1}
#adminActivitySubmenu[hidden]{display:none!important}#adminActivitySubmenu.open{display:grid!important;min-height:114px;max-height:150px;opacity:1}.activity-table{min-height:520px}.activity-table table{min-width:1100px}.activity-table td{white-space:nowrap}.activity-table td:nth-child(6){max-width:280px;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.activity-table{min-height:430px}}
#adminSettingsSubmenu[hidden]{display:none!important}#adminSettingsSubmenu.open{display:grid!important;min-height:150px;max-height:190px;opacity:1}.system-settings-layout{min-height:610px;display:grid;grid-template-columns:190px 1fr}.system-settings-layout>nav{padding:10px 0;border-right:1px solid #2a2f34}.system-settings-layout>nav button{width:100%;height:43px;padding:0 17px;border:0;border-left:3px solid transparent;background:transparent;color:#8b939b;text-align:left;font-size:10px}.system-settings-layout>nav button:hover{background:#191d21;color:#fff}.system-settings-layout>nav button.active{border-color:var(--brand);background:#211a18;color:#fff}.system-settings-layout>form{display:flex;flex-direction:column}.system-settings-layout>form>div{padding:25px;display:grid;gap:20px}.system-settings-layout>form>button{width:180px;height:43px;margin:auto 25px 20px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:10px;font-weight:700}.system-field{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #2a3035;color:#c0c5ca;font-size:10px}.system-field input,.system-field textarea{width:100%;padding:0 12px;border:1px solid #384048;border-radius:7px;background:#222933;color:#e4e7e9;outline:0;font-size:10px}.system-field input{height:43px}.system-field input[type="color"]{padding:5px}.system-field textarea{min-height:95px;padding-block:11px;resize:vertical;line-height:1.6}.system-field input:focus,.system-field textarea:focus{border-color:var(--brand)}.setting-toggle{min-height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #30363c;border-radius:10px}.setting-toggle span{display:grid;gap:5px}.setting-toggle b{font-size:10px}.setting-toggle small{color:#7c858d;font-size:8px}.setting-toggle input{width:42px;height:22px;accent-color:var(--brand)}.cache-panel h3{font-size:18px}.cache-panel ul{padding-left:18px;color:#abb1b7;font-size:10px;line-height:2.2}.cache-panel button{height:40px;padding:0 15px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:9px}.rtl .system-settings-layout>nav{border-right:0;border-left:1px solid #2a2f34}.rtl .system-settings-layout>nav button{border-left:0;border-right:3px solid transparent;text-align:right}.rtl .system-settings-layout>nav button.active{border-right-color:var(--brand)}@media(max-width:800px){.system-settings-layout{grid-template-columns:1fr}.system-settings-layout>nav{padding:8px;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2a2f34}.system-settings-layout>nav button{min-width:max-content;width:auto;padding-inline:14px;border-left:0;border-bottom:2px solid transparent}.system-settings-layout>nav button.active{border-bottom-color:var(--brand)}.system-field{grid-template-columns:1fr}.rtl .system-settings-layout>nav{border-left:0}.rtl .system-settings-layout>nav button{border-right:0}.rtl .system-settings-layout>nav button.active{border-bottom-color:var(--brand)}}@media(max-width:520px){.system-settings-layout>form>div{padding:17px}.system-settings-layout>form>button{width:calc(100% - 34px);margin:10px 17px 17px}.logo-upload{align-items:flex-start;flex-direction:column}.logo-upload img{width:100%}}
.notifications-open{overflow:hidden}@media(max-width:520px){.notification-drawer{width:100vw}.notification-drawer>header{min-height:76px}.notification-summary{margin:12px}.notification-tabs{padding-inline:12px}.notification-item{padding-inline:14px}}@keyframes profile-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.admin-profile-menu{width:min(310px,calc(100vw - 24px));right:-4px}.rtl .admin-profile-menu{right:auto;left:-4px}}@keyframes profile-drawer-in{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes profile-drawer-in-rtl{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}@media(max-width:520px){.admin-profile-menu{width:100vw;right:0}.rtl .admin-profile-menu{left:0}}
.media-upload-open{overflow:hidden}.media-upload-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(3,6,9,.72);backdrop-filter:blur(5px)}.media-upload-modal[hidden]{display:none}.media-upload-modal>section{width:min(650px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #30363d;border-radius:16px;background:#14181d;color:#eef1f3;box-shadow:0 28px 80px rgba(0,0,0,.48)}.media-upload-modal>section>header{min-height:76px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3137}.media-upload-modal header span{display:grid;gap:4px}.media-upload-modal header small{color:#f16a40;font-size:9px;font-weight:800;text-transform:uppercase}.media-upload-modal h2{margin:0;font-size:19px}.media-upload-modal header button{width:35px;height:35px;border:1px solid #343b42;border-radius:8px;background:#1c2127;color:#9aa2aa;font-size:22px}.media-upload-modal form{padding:20px;display:grid;gap:16px}.media-dimension-notice{padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #4a3b25;border-radius:11px;background:#282117;color:#e7b65e}.media-dimension-notice>.icon{width:25px;height:25px}.media-dimension-notice span{display:grid;gap:4px}.media-dimension-notice b{font-size:9px}.media-dimension-notice strong{color:#fff;font-size:18px}.media-dimension-notice small{color:#ae956d;font-size:8px}.media-dropzone{min-height:210px;padding:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #3b434b;border-radius:12px;background:#101419;cursor:pointer;text-align:center}.media-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.media-dropzone>span{width:180px;height:90px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#20262d;color:#f1754f}.media-dropzone>span img{width:100%;height:100%;object-fit:cover}
/* A banner is 2:1, so the preview is shown at that shape and whole. `cover`
   cropped it, which is the one thing a size check is supposed to catch. */
.media-dropzone>span.has-picture{width:260px;height:130px;background:#0b0e12;padding:4px}
.media-dropzone>span.has-picture img{object-fit:contain;border-radius:6px}
.media-dropzone.is-hovered{border-color:var(--brand);background:rgba(var(--brand-rgb),.06)}
/* The dialog only ever had a refusal; it says when a picture is right too. */
.media-upload-ok[hidden]{display:none}
/* Upload stays out of reach until there is something worth sending. */
.media-upload-modal footer button[type=submit]:disabled{opacity:.45;cursor:not-allowed}
.media-dropzone .icon{width:28px;height:28px}.media-dropzone>b{margin-top:13px;font-size:11px}.media-dropzone>small{margin-top:5px;color:#7c858e;font-size:8px}.media-dropzone>em{margin-top:10px;color:#f1754f;font-size:8px;font-style:normal}.media-upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-upload-fields label{display:grid;gap:7px;color:#aab1b8;font-size:9px;font-weight:700}.media-upload-fields input{height:43px;padding:0 11px;border:1px solid #353c43;border-radius:8px;background:#20252b;color:#fff;outline:0}.media-upload-fields input:focus{border-color:var(--brand)}/* Three tones, all readable. This was one near-black tile with 9px text on
   it, and the dialog it sits in is white — the box read as a hole in the
   page and the sentence inside it was the hardest thing there to read. */
.media-upload-error,.media-upload-ok{margin:0;padding:11px 13px;border:1px solid;border-radius:9px;font-size:11px;font-weight:600;line-height:1.7}
.media-upload-error{border-color:rgba(214,58,58,.35);background:rgba(214,58,58,.1);color:#d63a3a}
.media-upload-error.is-warning{border-color:rgba(200,124,20,.4);background:rgba(200,124,20,.12);color:#a86a10}
.media-upload-ok{border-color:rgba(23,133,84,.35);background:rgba(23,133,84,.1);color:#178554}.media-upload-modal form>footer{padding:14px 0 0;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #2d3339;background:transparent}.media-upload-modal form>footer button{height:40px;padding:0 15px;border:1px solid #353c43;border-radius:8px;background:#20252b;color:#afb6bd;font-size:9px;font-weight:700}.media-upload-modal form>footer button[type=submit]{display:flex;align-items:center;gap:7px;border-color:var(--brand);background:var(--brand);color:#fff}@media(max-width:600px){.media-upload-modal{padding:10px}.media-upload-modal>section{max-height:calc(100vh - 20px)}.media-upload-fields{grid-template-columns:1fr}.media-upload-modal form{padding:15px}}
#moduleAdd[hidden]{display:none!important}.service-images{display:grid;gap:22px}.service-images article{display:grid;grid-template-columns:165px 1fr;align-items:start}.service-images article>span{display:grid;gap:12px;font-size:10px}.service-images article em{color:#f1754f;font-style:normal}.service-images .image-actions{display:flex;gap:10px}.service-images .image-actions button{border:0;padding:0;background:transparent;color:#f1754f;font-size:inherit;cursor:pointer}.service-images article>div{width:225px;height:120px;display:grid;place-items:center;border:2px solid #2d6eb1;border-radius:9px;background:linear-gradient(145deg,#12283a,#071018);color:#68b5e8;font-weight:800}.article-toolbar{padding:14px;border:1px solid #343b42;background:#1b2026;font-size:9px}.article-editor{min-height:480px;padding:16px;border:1px solid #343b42;background:#fff;color:#171b20;font-size:10px}@media(max-width:700px){.service-editor-layout{grid-template-columns:1fr}.service-editor-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2c3238}.service-editor-layout>nav button{min-width:max-content}.service-editor-layout>.editor-tabpane{padding:14px}.service-editor-layout form>label{grid-template-columns:1fr;padding-bottom:10px}.service-images article{grid-template-columns:1fr;gap:10px}}@media(max-width:520px){.add-service-modal{padding:10px}.add-service-modal form label{grid-template-columns:1fr;gap:6px}.add-service-modal form>footer>span{display:none}}
.order-detail-open{overflow:hidden}.order-detail-modal{position:fixed;inset:0;z-index:105;display:grid;place-items:center;padding:20px;background:rgba(3,6,9,.7);backdrop-filter:blur(4px)}.order-detail-modal[hidden]{display:none}.order-detail-modal>section{width:min(970px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #30363a;border-radius:15px;background:#14181d;color:#edf0f2;box-shadow:0 28px 85px rgba(0,0,0,.5)}.order-detail-modal>section>header{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3137}.order-detail-modal h2{margin:0;font-size:16px}.order-detail-modal>section>header button{width:35px;height:35px;border:0;background:transparent;color:#8b949d;font-size:24px}.order-detail-layout{min-height:540px;display:grid;grid-template-columns:190px 1fr}.order-detail-layout>nav{padding:0;border-right:1px solid #2b3137;background:#11151a}.order-detail-layout>nav button{width:100%;min-height:48px;padding:0 17px;border:0;border-bottom:1px solid #292f35;background:transparent;color:#9ca4ac;text-align:left;font-size:10px}.order-detail-layout>nav button.active{background:#1d2228;color:#fff;font-weight:800;box-shadow:inset 3px 0 var(--brand)}.order-detail-pane{min-width:0}.order-detail-pane>section{padding:13px 20px;border-bottom:1px solid #2b3137}.order-provider,.order-facts{display:grid;gap:7px;font-size:10px}.order-provider b{font-size:11px}.order-facts span b,.order-provider strong{color:#fff}.order-status-line{display:flex;align-items:center;gap:12px;font-size:10px}.order-comments{min-height:150px}.order-comments b{font-size:10px}.order-comments p{margin:9px 0 0;color:#aab1b8;font-size:10px;line-height:1.6}.order-detail-pane form{padding:20px;display:grid;gap:18px}.order-detail-pane form label{display:grid;gap:8px;color:#aeb5bc;font-size:10px;font-weight:700}.order-detail-pane textarea{min-height:105px;padding:12px;border:1px solid #394149;border-radius:8px;background:#20262c;color:#fff;outline:0;resize:vertical}.order-detail-pane textarea:focus{border-color:var(--brand)}
/* The reference box and the confirmation tick on a held order. Both are
   new controls in a pane that only ever had a textarea, so these make them
   match what is already there rather than change anything that exists. */
.order-detail-pane input[type=text]{height:40px;padding:0 12px;border:1px solid #394149;border-radius:8px;background:#20262c;color:#fff;outline:0}
.order-detail-pane input[type=text]:focus{border-color:var(--brand)}
.order-detail-pane form label.order-send-confirm{grid-template-columns:auto 1fr;align-items:center;gap:10px}
.order-detail-pane form label.order-send-confirm input{margin:0;accent-color:var(--brand)}.order-detail-pane form button{width:max-content;height:40px;padding:0 15px;border:0;border-radius:7px;color:#fff;font-size:9px;font-weight:800}.order-detail-pane form button.success{background:#35a978}.order-detail-pane form button.rejected{background:#e43f43}.rtl .order-detail-layout>nav{border-right:0;border-left:1px solid #2b3137}.rtl .order-detail-layout>nav button{text-align:right}.rtl .order-detail-layout>nav button.active{box-shadow:inset -3px 0 var(--brand)}@media(max-width:700px){.order-detail-modal{padding:10px}.order-detail-modal>section{max-height:calc(100vh - 20px)}.order-detail-layout{grid-template-columns:1fr}.order-detail-layout>nav{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #2b3137}.order-detail-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.rtl .order-detail-layout>nav{border-left:0}.rtl .order-detail-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}}

/* Service Group create and update workflows */
.groups-table-card tbody tr{cursor:pointer}.group-thumbnail-pane{display:grid;gap:18px}.group-thumbnail-pane>header{display:flex;align-items:center;justify-content:space-between}.group-thumbnail-pane>header span{display:grid;gap:5px}.group-thumbnail-pane>header b{font-size:12px}.group-thumbnail-pane>header small{color:#7f8992;font-size:9px}.group-thumbnail-pane>header div{display:flex;gap:7px}.group-thumbnail-pane>header button{width:34px;height:34px;border:1px solid #384048;border-radius:50%;background:#20262c;color:#f1744e}.group-thumbnail-pane>header button:last-child{color:#ee7379}.group-thumbnail-preview{width:min(620px,100%);aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid #304657;border-radius:10px;background:radial-gradient(circle at 70% 30%,rgba(38,129,183,.28),transparent 35%),linear-gradient(145deg,#142d40,#08131c);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25)}.group-thumbnail-preview span{color:#f36a42;font-size:12px;font-weight:900;letter-spacing:.14em}.group-thumbnail-preview b{padding:0 25px;text-align:center;font-size:20px}.group-thumbnail-preview small{color:#7392a8;font-size:9px}@media(max-width:700px){.group-editor-layout{grid-template-columns:1fr}.group-editor-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2c3238}.group-editor-layout>nav button{min-width:50%}.group-editor-layout>nav button.active,.rtl .group-editor-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.group-editor-layout>.editor-tabpane{padding:15px}.group-editor-layout form>label{grid-template-columns:1fr;padding-bottom:11px}.group-thumbnail-preview b{font-size:16px}.add-group-modal form>label{grid-template-columns:1fr;gap:7px}}@media(max-width:650px){.invoice-detail-section{padding:14px}.invoice-detail-section>div{grid-template-columns:1fr;gap:6px}.inventory-create-modal{padding:10px}.inventory-create-modal form>label{grid-template-columns:1fr;gap:7px}.invoice-records>header,.inventory-records>header{align-items:flex-start;flex-direction:column;padding:15px;gap:8px}}

/* Customer and Site Admin management */
.users-table-card tbody tr{cursor:pointer}.user-check input,.user-switch input{width:42px;min-height:22px;justify-self:start;accent-color:var(--brand)}.user-inline-add{display:flex}.user-inline-add input,.user-inline-add select{border-radius:7px 0 0 7px}.user-inline-add button{min-width:90px;border:0;border-radius:0 7px 7px 0;background:var(--brand);color:#fff;font-size:9px}.user-empty-panel{min-height:180px;display:grid;place-items:center;border:1px dashed #343b42;border-radius:9px;color:#737d86;font-size:10px}.user-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.user-balance-grid span{padding:13px;display:grid;gap:7px;border:1px solid #30373e;border-radius:8px;background:#191e24}.user-balance-grid b{color:#89939c;font-size:8px}.user-balance-grid em{font-size:13px;font-style:normal}.user-data-table{overflow:auto;border:1px solid #30373e}.user-data-table table{width:100%;min-width:620px;border-collapse:collapse}.user-data-table th,.user-data-table td{height:46px;padding:0 11px;border-bottom:1px solid #30373e;text-align:left;font-size:9px}.user-data-table td[colspan]{height:180px;text-align:center;color:#717b84}.user-avatar-pane{display:flex;align-items:center;flex-direction:column;gap:14px}.user-avatar-pane>div{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#263746,#121a22);color:#f1744e;font-size:38px;font-weight:900}.user-avatar-pane>span{display:flex;gap:8px}.user-avatar-pane button{width:36px;height:36px;border:1px solid #38414a;border-radius:50%;background:#20262c;color:#f1744e}.user-avatar-pane small{color:#77818a;font-size:8px}.user-manage-pane{padding:18px;border:1px solid #4e292b;border-radius:10px;background:#27191b}.user-manage-pane h3{margin:0;color:#ef7379;font-size:12px}.user-manage-pane p{color:#a68b8e;font-size:9px}.user-manage-pane button{height:36px;padding:0 12px;border:0;border-radius:7px;background:#d8383e;color:#fff;font-size:9px}.rtl .user-editor-layout>nav button,.rtl .user-data-table th,.rtl .user-data-table td{text-align:right}@media(max-width:700px){.user-editor-layout{grid-template-columns:1fr}.user-editor-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2c3238}.user-editor-layout>nav button{min-width:max-content}.user-editor-layout>nav button.active,.rtl .user-editor-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.user-editor-layout>.editor-tabpane{padding:14px}.user-editor-layout form>label{grid-template-columns:1fr;padding-bottom:10px}.user-balance-grid{grid-template-columns:1fr}.user-create-modal{padding:9px}.user-create-modal form label{grid-template-columns:1fr;gap:5px}}@media(max-width:700px){.cms-page-editor-layout{grid-template-columns:1fr}.cms-page-editor-layout>nav{display:flex;border-right:0;border-bottom:1px solid #2c3238}.cms-page-editor-layout>nav button{min-width:33.333%}.cms-page-editor-layout>nav button.active,.rtl .cms-page-editor-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.cms-page-editor-layout>.editor-tabpane{padding:14px}.cms-page-editor-layout form>label{grid-template-columns:1fr;padding-bottom:10px}.cms-rich-editor>div{overflow-x:auto}.cms-rich-editor>article{min-height:260px}.cms-menu-modal{padding:9px}}@media(max-width:700px){.automation-editor-layout{grid-template-columns:1fr}.automation-editor-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2c3238}.automation-editor-layout>nav button{min-width:max-content}.automation-editor-layout>nav button.active,.rtl .automation-editor-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.automation-editor-layout>.editor-tabpane{padding:14px}.automation-editor-layout form>label{grid-template-columns:1fr;padding-bottom:10px}.automation-services-pane>header{align-items:stretch;flex-direction:column}.automation-services-pane>header input{width:100%}.automation-create-modal{padding:9px}.automation-create-modal form>div{grid-template-columns:1fr}.automation-create-modal aside{grid-column:auto;grid-row:auto}}@media(max-width:560px){.imei-blacklist-modal{padding:9px}.imei-blacklist-modal form>div{padding:15px}.imei-blacklist-modal input,.imei-blacklist-modal select{height:43px}}@media(max-width:650px){.gateway-log-modal>section>div>section{padding:14px}.gateway-log-modal label{grid-template-columns:1fr;gap:7px}.gateway-log-modal textarea{min-height:240px}}.config-rate{display:flex}.config-rate input{border-radius:7px 0 0 7px}.config-rate b{min-width:58px;display:grid;place-items:center;border:1px solid #394149;border-left:0;border-radius:0 7px 7px 0;background:#191e24;font-size:9px}.rtl .config-rate input{border-radius:0 7px 7px 0}.rtl .config-rate b{border-left:1px solid #394149;border-right:0;border-radius:7px 0 0 7px}@media(max-width:600px){.settings-config-modal form>div{padding:14px}.settings-config-modal form label{grid-template-columns:1fr;gap:7px}.settings-config-modal form>footer{justify-content:stretch}.settings-config-modal form>footer button{width:100%}}

/* Payment gateway configuration */
.payment-gateway-table>header{min-height:66px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #292f35}.payment-gateway-table>header span{display:grid;gap:5px}.payment-gateway-table>header b{font-size:12px}.payment-gateway-table>header small{color:#77818a;font-size:8px}.gateway-brand{width:46px;height:31px;display:grid;place-items:center;border-radius:7px;background:#252b32;color:#fff;font-size:9px;font-weight:900}
/* A gateway's mark, in the list and in its own drawer. The list cell was
   sized for a single character; an image has to sit inside it rather than
   stretch it and change every row's height. */
.gateway-brand img{width:100%;height:100%;object-fit:contain;padding:3px;border-radius:6px}
.gateway-logo-pane p{margin:0;font-size:10px;line-height:1.8;color:#9099a2}
.gateway-logo-shot{width:104px;height:104px;display:grid;place-items:center;border-radius:14px;background:#20262c;color:#fff;font-size:34px;font-weight:900}
.gateway-logo-shot img{width:84px;height:84px;object-fit:contain}
.gateway-logo-reset{align-self:flex-start;height:34px;padding:0 13px;border:1px solid #394149;border-radius:7px;background:transparent;color:inherit;font-size:9px;font-weight:800}
.gateway-logo-reset:hover{border-color:var(--brand);color:var(--brand)}
.admin-light .gateway-logo-shot{background:#eef1f4;color:#20262c}
.admin-light .gateway-logo-reset{border-color:#cad2d9}
.gateway-binance{background:#f3ba2f;color:#171717}.gateway-mellat{background:#cf252d}.gateway-spayway{background:#165fab}.gateway-gsmpay{background:var(--brand)}.gateway-hesabpay{background:#24a46d}.gateway-virtualcard{background:linear-gradient(135deg,#1a4ca0,#d1a629)}.gateway-zarinpal{background:#2852a2}.gateway-manual{background:#8b5a20}.gateway-thumbnail-pane{display:grid;grid-template-columns:120px minmax(220px,350px);align-items:start;gap:18px}.gateway-thumbnail-pane>span{display:grid;gap:13px;color:#abb3ba;font-size:9px}.gateway-thumbnail-pane>span label{height:36px;display:grid;place-items:center;border-radius:7px;background:var(--brand);color:#fff;cursor:pointer;font-weight:800}.gateway-thumbnail-pane>span input{display:none}@media(max-width:700px){.gateway-config-layout{grid-template-columns:1fr}.gateway-config-layout>nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #2c3238}.gateway-config-layout>nav button{min-width:max-content}.gateway-config-layout>nav button.active,.rtl .gateway-config-layout>nav button.active{box-shadow:inset 0 -3px var(--brand)}.gateway-config-layout>.editor-tabpane{padding:14px}.gateway-config-layout form>label{grid-template-columns:1fr;padding-bottom:10px}.gateway-thumbnail-pane{grid-template-columns:1fr}.gateway-logo-preview{width:min(100%,350px)}}

/* UX audit: shared accessibility + feedback utilities. Reuses only existing tokens (--orange, --soft, --line, --muted, --ink and the admin panel's established var(--brand) / #e54747 accents) — no new colors, fonts, or layout structures are introduced. */

/* Visible keyboard focus for every interactive element that previously relied on outline:0 with no replacement */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}

/* Inline field validation (public site forms: auth modal, service order form, funding form) */
.field-error{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:#c83214;font-size:9px;line-height:1.5}
.field-error:empty,.field-error[hidden]{display:none}
.field-error:before{content:"!";width:14px;height:14px;flex:0 0 14px;display:grid;place-items:center;border-radius:50%;background:#c83214;color:#fff;font-size:8px;font-weight:800}
input.invalid,textarea.invalid,select.invalid,.password-wrap.invalid input{border-color:#e2734f!important;background:#fff8f6}
input.invalid:focus,textarea.invalid:focus,select.invalid:focus{box-shadow:0 0 0 3px rgba(200,50,20,.12)!important}
label:has(>input:required)>span:first-child:after,label:has(>select:required)>span:first-child:after{content:" *";color:var(--orange)}

/* Disabled / pending state shared across submit buttons (extends the existing .processing utility already used on the funding button) */
button[disabled],.primary-button[disabled],.auth-submit[disabled],.switch-auth[disabled]{cursor:not-allowed;opacity:.65}
.auth-submit.processing,.login-submit.processing{cursor:progress}

/* Breadcrumb enhancement for the admin topbar kicker line — same text/position, now a real landmark with an active-page state */
.admin-breadcrumb{display:flex;align-items:center;gap:6px;font:inherit}

@media(prefers-reduced-motion:reduce){.confirm-modal-confirm .icon,.processing .icon{animation:none!important}}

/* Service editor: reliable, editable Field rows */
#serviceFieldList{display:grid;gap:8px}
#serviceFieldList article{height:40px;padding-left:0;display:grid;grid-template-columns:1fr 45px 45px;align-items:center;overflow:hidden;border:1px solid #343b42;border-radius:7px;font-size:10px}
#serviceFieldList article>input{height:100%;min-height:38px;border:0;border-radius:0;background:transparent}
#serviceFieldList article>button{height:100%;display:grid;place-items:center;border:0;border-left:1px solid #343b42;background:transparent;color:#72cba8;cursor:pointer;font-size:14px}
#serviceFieldList [data-remove-field]{color:#ef747a}
.service-field-error{margin:-7px 0 0;padding:8px 10px;border:1px solid rgba(239,116,122,.45);border-radius:6px;background:rgba(239,116,122,.1);color:#ff9297;font-size:10px}
.service-field-error[hidden]{display:none!important}
.rtl #serviceFieldList article>button{border-left:0;border-right:1px solid #343b42}@media(max-width:600px){.asset-picker-modal{padding:8px}.asset-picker-modal>section{height:calc(100vh - 16px)}.asset-picker-modal header{flex-wrap:wrap;height:auto;padding-block:10px}.asset-picker-search{flex:1}.asset-picker-modal>section{grid-template-rows:auto 1fr 54px}}

.group-thumbnail-preview[style]>*{display:none}

/* Busy states. Nothing here changes a rule that already exists; every selector
   is a new class that only appears while the page is waiting on the server. */
#appProgress{position:fixed;inset:0 0 auto 0;height:3px;z-index:9999;background:transparent;pointer-events:none;opacity:0;transition:opacity .2s ease}
#appProgress.is-active{opacity:1}
#appProgress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4f12,#ffa06b);box-shadow:0 0 10px rgba(255,79,18,.6);transition:width .25s ease}
#appProgress.is-done span{width:100%;transition:width .2s ease}

.is-busy{position:relative;pointer-events:none;opacity:.7}
.is-busy:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
button.is-busy{color:transparent!important}
button.is-busy:after{color:#fff}

.is-loading{position:relative;min-height:120px}
.is-loading:before{content:"";position:absolute;inset:0;z-index:5;background:rgba(255,255,255,.62);backdrop-filter:blur(1px);border-radius:inherit}
.is-loading:after{content:"";position:absolute;z-index:6;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid #ff4f12;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}

/* Provider catalogue browser: moved to assets/css/admin-api.css, which the
   admin console loads after this file. Kept in one place so the two cannot
   drift apart. */

/* Empty state for the profile login history, which is now filled from
   login_histories instead of shipping four invented sessions. */
.profile-history-empty{margin:14px 0 0;color:#7b848d;font-size:10px;text-align:center}

/* Cron Job List: the state that sits at the right of a row, and a second list
   of tasks under the urls. Both reuse the card's existing row shape. */
.cron-list article em.cron-state{flex:0 0 auto;font-style:normal;font-size:9px;font-weight:700;white-space:nowrap}

/* Table cards keep a comfortable minimum height so a short list does not
   collapse the panel. Nothing placed the footer at the bottom of that height,
   so it sat directly under the last row with dead white space beneath it and
   read as one more row instead of the end of the card. The scroll area now
   takes the slack and the footer sits where a footer belongs. */
.orders-table-card{display:flex;flex-direction:column}

/* Status pills in light mode. Only .waiting had a light variant, so Active and
   Rejected kept their dark-theme fills and sat on the white tables as solid
   blocks of colour, out of keeping with everything around them. These are the
   same soft tints the catalogue flags use. */
.admin-light .order-pill.success{background:#e6f6ed;color:#12734a}

/* Media Gallery now shows the real uploaded file rather than a placeholder
   icon, so the preview box has to contain an image of any shape. */
.media-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}

/* Inventory: stock level at a glance, and the paste box for adding codes. */
.inventory-records b.stock-ok{color:#52cc99}
/* The address inside the 2FA line is data, not emphasis: it sits outside the
   translated sentence so both halves can be read in either language. */
.otp-address{font-weight:600;word-break:break-all}

/* Table selection: the action bar that appears beside the search box once rows
   are chosen, and the checkbox column hidden on lists that act one row at a
   time. Both reuse the header's existing spacing. */
/* The bar takes a line of its own rather than competing with the search box
   and the add button for the header's width; with nothing selected the header
   looks exactly as it did. */
.orders-view-head{flex-wrap:wrap}
table.no-select-column thead th:first-child,
table.no-select-column tbody td:first-child{display:none}

/* ---------------------------------------------------------------------------
   Account settings: the parts that became real
   The .fake-qr block above drew a striped placeholder with "GSM" over it. A
   scannable code replaces it, so this box only has to hold an SVG at the same
   size the layout already reserved.
   --------------------------------------------------------------------------- */
.real-qr{width:180px;height:180px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.1)}
.real-qr svg{width:100%;height:100%;display:block}
.totp-secret{grid-column:1/-1;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.totp-secret span{color:#92979c;font-size:9px}
.totp-secret code{padding:6px 10px;border:1px solid #e1e4e6;border-radius:7px;background:#fafafa;font-size:11px;font-weight:700;letter-spacing:.08em;word-break:break-all}
.recovery-codes{grid-column:1/-1;margin:0;padding:14px;max-height:180px;overflow:auto;border:1px solid #e1e4e6;border-radius:10px;background:#fafafa;font-size:11px;line-height:1.9;white-space:pre-wrap;word-break:break-all}
.api-key-box{margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:9px;border-top:1px solid #e1e4e6}
.api-key-box b{font-size:11px}
.api-key-box small{color:#92979c;font-size:9px;line-height:1.6}
.api-key-box code{padding:9px 11px;border:1px solid #e1e4e6;border-radius:7px;background:#fff;font-size:10px;font-weight:700;word-break:break-all}
.api-key-box code[hidden]{display:none}
.api-key-box button{height:36px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
.api-key-box button:hover{filter:brightness(.94)}
.api-ip-label{display:flex;flex-direction:column;gap:6px;color:#92979c;font-size:9px}
.api-ip-label textarea{padding:9px 11px;border:1px solid #e1e4e6;border-radius:8px;background:#fff;color:#20262c;font-family:inherit;font-size:11px;resize:vertical}
.setting-row input[type=checkbox]:disabled+i{opacity:.45;cursor:not-allowed}

/* Add Balance: the gateway list is drawn from the shop's own gateways now, so
   the single hardcoded Binance card's styling is generalised to any of them. */
.gateway-option.binance-option,.gateway-option{cursor:pointer}
/* A gateway's mark is a logo on a coloured tile, not a photograph: cover
   would crop it. The summary card carries the same mark, so it gets the
   same rule rather than a second one that could drift from it. */
/* Every payment method, drawn the way the one hardcoded Binance option was.
   The card styling was written as .binance-option back when the screen had a
   single method; wallet.js draws every gateway as .gateway-option, so none of
   it applied and the list came out as run-on text with the radio showing.
   The geometry is the same; the colour is not, because Binance yellow on a
   bank transfer would be somebody else's brand — each gateway's own colour is
   in its logo. */
/* A slide can carry a picture instead of the artwork drawn in the markup.
   With none set nothing changes; with one set it fills the same space the
   artwork did, so the banner keeps its proportions. */
.slide-art.has-picture{display:grid;place-items:center}
.slide-picture{max-width:100%;max-height:100%;object-fit:contain}
.gateway-option{min-height:93px;padding:13px 17px;display:flex;align-items:center;gap:14px;position:relative;border:2px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 10px 28px rgba(17,17,17,.05)}
.gateway-option:hover{border-color:var(--orange)}
.gateway-option:has(input:checked){border-color:var(--orange);box-shadow:0 10px 28px rgba(var(--brand-rgb),.14)}
.gateway-option input{display:none}
.gateway-option>i{width:51px;height:51px;flex:0 0 51px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--ink);font-size:23px;font-style:normal}
.gateway-option>span{min-width:0;display:grid;gap:6px}
.gateway-option>span b{font-size:13px}
.gateway-option>span small{color:var(--muted);font-size:9px;line-height:1.7}
.gateway-option>em{margin-left:auto;padding:6px 8px;border-radius:999px;background:var(--soft);color:var(--orange-dark);font-size:8px;font-style:normal;font-weight:700}
.gateway-option>strong{width:23px;height:23px;position:absolute;right:-8px;top:-8px;display:none;place-items:center;border-radius:50%;background:var(--orange);color:#fff}
.gateway-option:has(input:checked)>strong{display:grid}
.gateway-option>strong .icon{width:13px;height:13px}
.rtl .gateway-option>em{margin-left:0;margin-right:auto}
.rtl .gateway-option>strong{right:auto;left:-8px}
.gateway-option i.has-logo,.summary-brand i.has-logo{background-size:contain;background-repeat:no-repeat;background-position:center;text-indent:-9999px;overflow:hidden}
.funding-none{margin:0;padding:14px 16px;border:1px dashed #d9dee3;border-radius:12px;color:#92979c;font-size:11px;line-height:1.8}