:root{--bg:#101827;--side:#0d1424;--card:#121a2d;--line:#26314a;--text:#f6f8ff;--muted:#9fb0ce;--brand:#675cff;--brand2:#7b6cff;--green:#13a15b;--blue:#1287ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.top{height:64px;background:#0f1728;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:sticky;top:0;z-index:10}.brand{font-weight:900;font-size:21px;color:#8b7cff}.nav{display:flex;align-items:center;gap:8px;flex:1}.nav a{padding:12px 16px;border-radius:18px;color:#b7c3dd;font-weight:700}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#5c4dff,#8074ff);color:white;box-shadow:0 8px 25px #675cff55}.pill{background:#138c58;padding:9px 16px;border-radius:9px;font-weight:900}.wrap{max-width:1380px;margin:26px auto;padding:0 22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.stat,.panel,.service,.loginbox{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px #0002}.stat{padding:22px;display:flex;gap:18px;align-items:center}.ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#2b2b68;color:#fff;font-size:22px}.stat h2{margin:0;font-size:26px}.stat p{margin:4px 0 0;color:#a9b9d8;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.07em}.panel{margin-top:26px;overflow:hidden}.head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#bad0f5;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.empty{margin:18px;border:1px dashed #34415d;border-radius:12px;min-height:170px;display:grid;place-items:center;text-align:center;color:#adc0dd}.btn{background:linear-gradient(135deg,#5c4dff,#756aff);color:white;border:0;border-radius:8px;padding:11px 16px;font-weight:900;cursor:pointer;display:inline-block}.btn.green{background:#159052}.btn.out{background:#151f35;border:1px solid var(--brand);color:#7e73ff}.searchbar{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 28px}.input,select,textarea{width:100%;background:#121b2f;border:1px solid #2b3855;color:white;border-radius:12px;padding:14px 16px;outline:none}.group{margin:34px 0}.ghead{background:linear-gradient(135deg,#5a4bff,#6864f7);padding:18px 22px;border-radius:14px;font-size:18px;font-weight:900;display:flex;justify-content:space-between}.badge{font-size:12px;background:#ffffff2b;padding:8px 14px;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}.service{padding:18px}.tag{display:inline-block;background:#fff3bd;color:#5d4300;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:900}.service h3{font-size:16px;line-height:1.35;min-height:45px}.meta{color:#9eb0ce;border-bottom:1px solid #2b3855;padding-bottom:14px}.price{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.price b{color:#746aff;font-size:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#bed0ed;text-transform:uppercase;font-size:12px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#0b1323;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.side .userbox{background:#161d3a;border:1px solid #273151;border-radius:16px;padding:16px;margin:20px 0}.side a{display:block;padding:14px 16px;border-radius:10px;margin:6px 0;color:#adbad5;font-weight:800}.side a.active,.side a:hover{background:#7067ff;color:white}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.loginpage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#252460,#101827 45%)}.loginbox{width:420px;padding:26px}.loginbox h1{color:#8b7cff}.alert{padding:14px;border-radius:10px;background:#3a1b24;color:#ffd5df;margin:12px 0}.ok{background:#123b2c;color:#b8ffdf}.mobile{display:none}@media(max-width:900px){.top{overflow:auto}.nav{min-width:850px}.grid4,.cards,.searchbar,.formgrid{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.wrap{padding:0 12px}.mobile{display:block}}


/* Theme switch + light mode */
.theme-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;font-weight:900}
body.light{--bg:#f3f6fb;--side:#ffffff;--card:#ffffff;--line:#dfe6f1;--text:#111827;--muted:#65758f;--brand:#5b4cff;--brand2:#7267ff;--green:#159052;--blue:#0878e8;background:#f3f6fb;color:#111827}
body.light .top{background:#fff}body.light .input,body.light select,body.light textarea{background:#fff;color:#111827;border-color:#dce5f2}body.light .service,body.light .panel,body.light .stat,body.light .loginbox{box-shadow:0 14px 35px #14213d14}body.light .meta{border-bottom-color:#e4e9f3}.top-actions{display:flex;align-items:center;gap:10px}
.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;place-items:center}.orderbox{width:680px;max-width:94vw;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0007}.orderbox .ob-head{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-weight:900}.orderbox .ob-body{padding:24px}.ob-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ob-price{font-size:26px;font-weight:900;color:var(--blue)}.warn{background:#fff3c5;color:#5f4700;border-radius:8px;padding:15px;margin:18px 0}.calc{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;color:var(--muted)}.calc div{display:flex;justify-content:space-between;margin:8px 0}.neg{color:#ff4d68!important}.api-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin:14px 0}.small{font-size:12px;color:var(--muted)}

/* Premium auth pages + mobile polish */
.auth-page{min-height:100vh;background:#090f1d;color:var(--text);background-image:radial-gradient(circle at 18% 18%,rgba(103,92,255,.26),transparent 26%),radial-gradient(circle at 82% 28%,rgba(139,64,190,.22),transparent 34%),linear-gradient(180deg,#0b1222,#0b1020 55%,#080d18);}
.auth-top{height:78px;background:#0b1323dd;border-bottom:1px solid #1f2a43;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.auth-top nav{display:flex;align-items:center;gap:18px}.auth-top nav a{color:#b8c5dd;font-weight:800}.btn.mini{padding:12px 18px;border-radius:10px}.out2{background:#10192b;border:1px solid #263553}.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:34px 16px}.auth-card{width:min(720px,96vw);background:#121a2d;border:1px solid #293655;border-top:4px solid #756aff;border-radius:20px;padding:36px 42px;box-shadow:0 32px 100px #0007}.login-card{width:min(470px,94vw);padding:42px}.auth-logo{text-align:center;font-size:26px;font-weight:1000;margin-top:12px;margin-bottom:26px}.auth-card h1{text-align:center;margin:0 0 8px;font-size:24px}.auth-sub{margin:0 0 22px;color:#f6f8ff}.auth-card label{display:block;margin:16px 0 8px;text-transform:uppercase;color:#9fb0ce;font-size:12px;letter-spacing:.04em;font-weight:900}.field-icon{display:flex;align-items:center;background:#121b2f;border:1px solid #2b3855;border-radius:10px;overflow:hidden}.field-icon i{width:48px;text-align:center;color:#95a6c5}.field-icon input{flex:1;background:transparent;border:0;color:white;padding:15px 14px;outline:0;font-size:15px}.auth-row,.auth-buttons{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-row{margin:16px 0 22px}.auth-row a,.auth-bottom a{color:#7b6cff;font-weight:900}.check{display:flex!important;align-items:center;gap:8px;margin:0!important;text-transform:none!important;font-size:14px!important;color:#cbd6ea!important}.check input{width:16px;height:16px}.auth-submit{width:100%;padding:15px;font-size:16px}.auth-bottom{margin:12px 0 0}.steps{display:flex;align-items:center;gap:18px;margin:26px 0 22px}.steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#252f4b;border:1px solid #3b476a;color:#9fb0ce;font-weight:900;position:relative;flex:0 0 34px}.steps span.on{background:linear-gradient(135deg,#5c4dff,#8176ff);color:white;border-color:#8176ff}.steps span small{position:absolute;top:43px;text-transform:uppercase;font-size:11px;color:#9fb0ce}.steps span.on small{color:#23d0a0}.steps b{height:2px;flex:1;background:#3a4562}.step-pane{display:none;margin-top:38px}.step-pane.active{display:block}.step-pane .formgrid{margin-bottom:14px}.auth-buttons{margin-top:24px}.btn.dark{background:#151f35;border:1px solid #34415d;color:#dbe7ff}.review-box{margin:18px 0 28px}.review-box p{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0;color:#9fb0ce}.review-box span{color:#c8d5ec}.big{font-size:16px!important;color:white!important}.login-shell{align-items:center}.auth-card .input{background:#121b2f;color:#fff}.auth-card .input:focus,.field-icon:focus-within{border-color:#8a80ff;box-shadow:0 0 0 3px rgba(103,92,255,.18)}

@media(max-width:900px){
  body{font-size:13px}.top{height:auto;min-height:62px;padding:10px 12px;gap:10px;align-items:flex-start;position:sticky}.top .brand{font-size:18px;white-space:nowrap;padding-top:9px}.top-actions{margin-left:auto}.pill{padding:9px 10px}.theme-btn{width:36px;height:36px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#0b1323ee;border-top:1px solid #26314a;display:grid!important;grid-template-columns:repeat(5,1fr);gap:0;min-width:0;overflow:visible;padding:7px 5px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}
  .nav a{padding:7px 3px;border-radius:12px;font-size:0;text-align:center;color:#9fb0ce;margin:0}.nav a i{font-size:18px;display:block;margin-bottom:2px}.nav a:nth-child(n+6){display:none}.nav a.active,.nav a:hover{box-shadow:none;background:#675cff;color:#fff}.wrap{margin:16px auto 92px;padding:0 12px}.grid4{gap:12px}.stat{padding:16px;border-radius:16px}.stat h2{font-size:22px}.ico{width:42px;height:42px}.panel{margin-top:14px;border-radius:16px}.head{padding:15px}.empty{min-height:130px;margin:12px}.searchbar{grid-template-columns:1fr;gap:10px;margin:4px 0 14px}.ghead{border-radius:13px;padding:15px;font-size:15px}.cards{grid-template-columns:1fr;gap:13px}.service{padding:15px;border-radius:15px}.service h3{min-height:auto;font-size:15px}.layout{display:block}.side{display:none}.table{min-width:780px}.panel{overflow:auto}.orderbox{width:94vw;border-radius:16px}.orderbox .ob-body{padding:17px}.ob-row{display:block}.ob-price{font-size:22px;margin-top:12px}.formgrid{grid-template-columns:1fr!important;gap:8px}.auth-top{height:62px;padding:0 14px}.auth-top .brand{font-size:19px}.auth-top nav a:not(.btn){display:none}.auth-top nav{gap:8px}.auth-shell{min-height:calc(100vh - 62px);padding:18px 10px 24px;align-items:start}.auth-card,.login-card{width:100%;padding:26px 20px;border-radius:18px;margin-top:18px}.auth-logo{font-size:23px;margin-bottom:20px}.auth-card h1{font-size:20px}.auth-sub{font-size:14px}.steps{gap:9px;margin:22px 0 18px}.steps span{width:30px;height:30px;flex-basis:30px}.steps span small{font-size:9px;top:38px}.step-pane{margin-top:34px}.auth-buttons{gap:10px}.auth-buttons .btn{padding:12px 14px}.review-box p{grid-template-columns:1fr;gap:3px;border-bottom:1px solid #26314a;padding-bottom:8px}.field-icon input,.input,select,textarea{padding:13px 12px}.auth-row{font-size:13px}.login-card{max-width:430px;justify-self:center;margin-top:70px}.auth-page{background-image:radial-gradient(circle at 50% 0%,rgba(103,92,255,.24),transparent 28%),linear-gradient(180deg,#0b1222,#0b1020)}
}
@media(max-width:420px){.auth-card,.login-card{padding:22px 16px}.steps{gap:6px}.steps b{min-width:20px}.btn.mini{padding:10px 13px}.auth-buttons{flex-wrap:wrap}.auth-buttons .btn{flex:1}.auth-buttons #createBtn{flex-basis:100%}}
@media(max-width:760px){
  .profile-grid{display:block!important}.profile-grid>.panel,.profile-grid>div{margin-bottom:16px}.top{position:sticky;top:0;z-index:9}.table{min-width:720px}.panel{overflow:auto}.formgrid{grid-template-columns:1fr!important}.grid4{grid-template-columns:1fr 1fr!important}.btn{min-height:42px}.auth-card{width:92vw!important;margin:30px auto!important}.wrap{padding:14px!important}.nav{overflow-x:auto;white-space:nowrap}.brand{font-size:18px}
}

.btn.danger{background:linear-gradient(135deg,#d33434,#ff5a5a)!important;color:#fff!important}

/* Mobile order details modal: desktop table is unchanged */
.orders-mobile-list{display:none}
@media(max-width:760px){
  .orders-panel{background:transparent;border:0;box-shadow:none;overflow:visible}.orders-panel>.head{display:none}.orders-desktop-table{display:none}.orders-mobile-list{display:grid;gap:12px;margin:4px 0 92px}.order-mobile-card{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 14px 35px #0002}.om-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#6a4cff,#8b34e8);color:white;font-size:18px;flex:0 0 46px}.om-main{min-width:0;flex:1}.om-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.om-main small{display:block;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.om-status{font-size:11px;font-weight:900;border-radius:999px;padding:7px 9px;white-space:nowrap}.om-status.success{background:#e9fff6;color:#20bd82}.om-status.pending{background:#fff6d7;color:#9b7300}.om-status.bad{background:#ffe9ef;color:#dd3d5a}.om-status.warn{background:#eef2ff;color:#655cff}
  .mobile-order-modal{display:none;position:fixed;inset:0;z-index:9999}.mobile-order-modal.show{display:block}.mobile-order-backdrop{position:absolute;inset:0;background:rgba(10,13,20,.68);backdrop-filter:blur(9px)}.mobile-order-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 30px);max-width:430px;max-height:90vh;overflow:auto;background:#f9fafc;color:#121827;border-radius:28px;padding:24px 21px 22px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.mo-close{position:absolute;right:22px;top:18px;border:0;background:transparent;color:#a0a5b0;font-size:36px;line-height:1}.mo-title-row{display:flex;align-items:center;gap:16px;margin-bottom:28px}.mo-big-icon{width:72px;height:72px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#7b44ff,#8b20d9);color:white;font-size:29px;box-shadow:0 16px 35px rgba(123,68,255,.35)}.mo-title-row h2{margin:0;font-size:26px;letter-spacing:-.04em}.mo-title-row p{margin:4px 0 0;color:#8e93a1;font-size:18px;font-weight:800}.mo-service-box,.mo-data-box,.mo-reply-box{background:#fff;border:1px solid #eef0f4;border-radius:24px;box-shadow:0 10px 25px rgba(24,32,54,.06);padding:22px;margin-bottom:18px}.mo-service-box{text-align:center}.mo-service-box span,.mo-data-box>span{display:block;color:#a9adbb;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;margin-bottom:13px}.mo-service-box span i,.mo-data-box>span i{color:#746aff;margin-right:7px}.mo-service-box b{font-size:19px;line-height:1.28}.mo-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.mo-mini{background:#fff;border:1px solid #eef0f4;border-radius:22px;padding:21px 12px;text-align:center;box-shadow:0 10px 25px rgba(24,32,54,.04)}.mo-mini span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#8a80d8;font-weight:900;font-size:12px;margin-bottom:10px}.mo-mini b{font-size:21px}.mo-mini.success{background:#f2fffb;border-color:#c8f8e4;color:#25bf84}.mo-mini.pending{background:#fffaf0;border-color:#ffe5a3;color:#b88700}.mo-mini.bad{background:#fff1f5;border-color:#ffc7d4;color:#d9365a}.mo-mini.warn{background:#f6f7ff;border-color:#d8dcff;color:#655cff}.mo-mini.purple{color:#645bde;background:#fbfbff;border-color:#e2e5ff}.mo-data-box div{display:flex;justify-content:space-between;align-items:center;gap:14px}.mo-data-box b{color:#6f7480;font-size:18px}.mo-data-box em{font-style:normal;background:#f1f3ff;border:1px solid #dce0ff;color:#655cff;border-radius:14px;padding:12px 16px;font-size:17px;font-weight:900;max-width:72%;overflow:auto}.mo-reply-box{background:#f6fffb;border:2px solid #c7f7e4}.mo-reply-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #dceee7;padding-bottom:13px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.10em}.mo-reply-head b{color:#20b983;font-size:13px}.mo-reply-head span{color:#a0a5b0;font-size:11px;font-weight:900;text-align:right}.mo-reply-box p{font-size:17px;line-height:1.45;font-weight:800;margin:0;color:#242b3b}.mo-foot{display:flex;justify-content:space-between;gap:12px;color:#9ba0ae;text-transform:uppercase;letter-spacing:.09em;font-weight:900;font-size:12px;margin:22px 0}.mo-foot b{color:#111827}.mo-close-btn{width:100%;border:0;border-radius:18px;background:#e4e7ee;color:#202738;text-transform:uppercase;letter-spacing:.16em;font-weight:1000;padding:17px;font-size:15px}.light .mobile-order-sheet{background:#f9fafc;color:#121827}.light .order-mobile-card{box-shadow:0 14px 35px #14213d14}
}
@media(max-width:390px){.mobile-order-sheet{width:calc(100vw - 18px);padding:20px 15px;border-radius:24px}.mo-two{gap:10px}.mo-mini b{font-size:18px}.mo-service-box b{font-size:17px}.mo-title-row h2{font-size:24px}.mo-big-icon{width:64px;height:64px}.mo-foot{display:block}.mo-foot span{display:block;margin:7px 0}}

/* iOS mobile orders + drawer update */
.mobile-topbar,.mobile-drawer,.mobile-drawer-backdrop{display:none}
@media(max-width:760px){
  body{background:#eef7ff!important;color:#111827!important}
  body:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#f8fbff 0,#e5f6ff 42%,#f8fbff 100%);background-image:linear-gradient(rgba(91,114,148,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,114,148,.07) 1px,transparent 1px),linear-gradient(180deg,#f8fbff,#e8f7ff);background-size:64px 64px,64px 64px,100% 100%;z-index:-1}
  .top{display:none!important}.wrap{margin:0!important;padding:0 22px 110px!important;max-width:520px!important}.mobile-topbar{display:flex;height:88px;align-items:center;gap:18px;padding:22px 24px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(20,33,61,.06)}
  .mobile-menu-btn,.mobile-moon{border:0;background:transparent;color:#56606f;font-size:22px;width:42px;height:42px}.mobile-moon{margin-left:auto}.mobile-avatar{width:58px;height:58px;border-radius:19px;background:#17d3b0;color:#10212a;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.12);border:7px solid #fff}
  .mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(19,27,39,.42);backdrop-filter:blur(8px);z-index:999}.drawer-open .mobile-drawer-backdrop{display:block}.mobile-drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:78vw;max-width:330px;background:#fff;color:#7d8492;z-index:1000;padding:38px 24px;box-shadow:18px 0 50px rgba(16,24,40,.22);transform:translateX(-105%);transition:.25s ease;border-radius:0 28px 28px 0;overflow:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.md-head{display:flex;align-items:center;gap:14px;margin-bottom:36px}.md-logo{width:96px;height:54px;border-radius:12px;background:linear-gradient(135deg,#111827,#f0b84d);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.md-head b{color:#202735;font-size:22px}.md-head button{margin-left:auto;border:0;background:#f1f2f4;border-radius:50%;width:42px;height:42px;font-size:26px;color:#89909d}.md-section{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.16em;color:#b6bac4;font-weight:900;margin:30px 0 16px}.md-section:before,.md-section:after{content:'';height:1px;background:#e5e7eb;flex:1}.mobile-drawer a{display:flex;align-items:center;gap:18px;padding:16px 6px;margin:8px 0;color:#7d8492;font-size:18px;font-weight:800}.mobile-drawer a i{width:52px;height:52px;border:1px solid #eef0f4;border-radius:16px;display:grid;place-items:center;color:#a2a8b3;font-size:20px}.mobile-drawer a.active{background:#f0edff;color:#5147d9;border-radius:22px;padding:16px 18px;margin-left:-18px;margin-right:-18px;box-shadow:inset -5px 0 #655cff}.mobile-drawer a.active i{background:linear-gradient(135deg,#5547ff,#744cff);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(91,76,255,.28)}
  .mobile-orders-ios{display:block;padding-top:26px}.moi-title{display:flex;align-items:center;gap:14px;margin:0 0 22px}.moi-title i{font-size:30px;color:#216be8}.moi-title h1{font-size:30px;margin:0;letter-spacing:-.04em;color:#111827}.moi-controls{display:flex;gap:12px;margin-bottom:28px}.moi-controls button{border:0;background:#fff;color:#111827;border-radius:13px;min-width:72px;height:58px;font-size:21px;box-shadow:0 8px 24px rgba(15,23,42,.09);font-weight:600}.moi-filter{background:#fff;border-radius:20px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.10);margin-bottom:20px}.moi-search{height:58px;border:1px solid #d5d8df;border-radius:13px;display:flex;align-items:center;gap:14px;padding:0 16px;margin-bottom:12px}.moi-search i{color:#9aa1ad;font-size:20px}.moi-search input{border:0;outline:0;background:transparent;font-size:20px;width:100%;color:#111827}.moi-filter select{height:58px;background:#fff;color:#111827;border:1px solid #d5d8df;border-radius:13px;font-size:20px;margin-bottom:14px}.moi-tabs{display:flex;gap:8px;overflow:auto}.moi-tabs button{border:0;border-radius:12px;padding:14px 17px;font-size:17px;background:#f2f3f6;color:#535b68;white-space:nowrap}.moi-tabs button.active{background:#216be8;color:white}.orders-mobile-list{display:grid!important;gap:18px;margin-bottom:30px}.orders-mobile-list .order-mobile-card{background:#fff!important;color:#111827!important;border:0!important;border-radius:18px!important;padding:24px 20px!important;min-height:116px;box-shadow:0 10px 26px rgba(15,23,42,.08)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.om-icon{display:none!important}.om-main b{font-size:19px!important;color:#111827!important;margin:8px 0;max-width:250px}.om-main small{font-size:17px!important;color:#216be8!important;font-weight:900!important}.om-main strong{display:block;font-size:20px;color:#111827;margin-top:14px}.om-right{display:flex;flex-direction:column;align-items:flex-end;gap:22px}.om-status{font-size:17px!important;line-height:1.15;border-radius:22px!important;padding:10px 16px!important;max-width:120px;text-align:center;text-transform:none}.om-status.success{background:#d9fae4!important;color:#15804f!important}.om-status.pending{background:#fff4ce!important;color:#9a6a00!important}.om-status.bad{background:#ffe1e8!important;color:#c6284b!important}.om-right i{font-style:normal;color:#a4a8b1;font-size:17px}.panel.orders-panel{margin:0!important}.mobile-order-sheet{background:#fff!important;color:#111827!important;border-radius:28px!important}.mobile-order-backdrop{background:rgba(20,24,31,.62)!important;backdrop-filter:blur(8px)!important}.mo-close-btn{background:#e2e6ec!important}.nav{display:none!important}
}

/* =========================================================
   LEGENDUNLOCKER ULTRA MOBILE V2 - full mobile redesign only
   Desktop is untouched. Applies on phones/tablets <=760px.
   ========================================================= */
@media (max-width:760px){
  :root{--m-bg:#07111f;--m-card:rgba(255,255,255,.10);--m-card2:rgba(255,255,255,.16);--m-line:rgba(255,255,255,.14);--m-text:#f7fbff;--m-muted:#a9b9d4;--m-accent:#7c5cff;--m-accent2:#23d5ff;--m-green:#20d490;--m-red:#ff4d6d;--m-warn:#ffc857}
  html,body{max-width:100%;overflow-x:hidden;background:#07111f!important;color:var(--m-text)!important;font-family:Inter,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
  body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 0 0,rgba(124,92,255,.48),transparent 32%),radial-gradient(circle at 100% 12%,rgba(35,213,255,.23),transparent 30%),radial-gradient(circle at 50% 100%,rgba(32,212,144,.18),transparent 34%),linear-gradient(160deg,#06101d 0%,#0d1830 46%,#080d19 100%)!important;background-size:100% 100%!important}
  body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;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:42px 42px;mask-image:linear-gradient(#000,transparent 86%)}
  .wrap{max-width:520px!important;margin:0 auto!important;padding:16px 16px 104px!important}

  /* Mobile header */
  .top{display:none!important}.mobile-topbar{display:flex!important;position:sticky;top:0;z-index:200;height:82px;padding:18px 16px 12px;align-items:center;gap:12px;background:rgba(7,17,31,.72)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(22px);box-shadow:0 18px 40px rgba(0,0,0,.16)}
  .mobile-menu-btn,.mobile-moon{width:48px;height:48px;border:1px solid rgba(255,255,255,.13)!important;border-radius:17px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:18px!important;display:grid!important;place-items:center!important;box-shadow:0 10px 25px rgba(0,0,0,.14)}
  .mobile-moon{margin-left:auto}.mobile-avatar{width:54px!important;height:54px!important;border-radius:19px!important;border:1px solid rgba(255,255,255,.20)!important;background:linear-gradient(135deg,#22e6b0,#20a4ff)!important;color:#06111d!important;font-weight:1000!important;font-size:20px!important;box-shadow:0 14px 36px rgba(32,212,144,.28)!important}

  /* Drawer */
  .mobile-drawer-backdrop{background:rgba(3,7,14,.55)!important;backdrop-filter:blur(14px)!important;z-index:999!important}.mobile-drawer{display:block!important;width:84vw!important;max-width:350px!important;background:linear-gradient(180deg,#101b31,#07111f)!important;color:#eaf1ff!important;border:1px solid rgba(255,255,255,.12)!important;border-left:0!important;border-radius:0 32px 32px 0!important;padding:26px 18px 34px!important;box-shadow:28px 0 80px rgba(0,0,0,.42)!important}.md-head{margin-bottom:24px!important;padding:8px!important;border-radius:22px;background:rgba(255,255,255,.08)}.md-logo{width:66px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(135deg,#7c5cff,#23d5ff)!important;color:#fff!important}.md-head b{font-size:22px!important;color:#fff!important}.md-head button{background:rgba(255,255,255,.11)!important;color:#fff!important}.md-section{color:#7edcff!important;font-size:11px!important;letter-spacing:.18em!important;margin:22px 0 10px!important}.md-section:before,.md-section:after{background:rgba(126,220,255,.22)!important}.mobile-drawer a{color:#c9d6ed!important;font-size:16px!important;padding:12px 8px!important}.mobile-drawer a i{width:48px!important;height:48px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:#b8c7e5!important}.mobile-drawer a.active{background:linear-gradient(135deg,rgba(124,92,255,.34),rgba(35,213,255,.16))!important;color:#fff!important;box-shadow:inset 4px 0 #23d5ff,0 14px 35px rgba(0,0,0,.18)!important}.mobile-drawer a.active i{background:linear-gradient(135deg,#7c5cff,#23d5ff)!important;color:#fff!important}

  /* Universal panels/cards/forms */
  .panel,.stat,.service,.api-card,.loginbox{background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:24px!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important;color:#fff!important}.panel{margin:14px 0!important;overflow:visible!important}.head{padding:18px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:18px!important}.empty{border:1px dashed rgba(255,255,255,.18)!important;color:#b9c8e3!important;background:rgba(255,255,255,.05)!important;border-radius:20px!important}.input,select,textarea{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;padding:15px!important}.input::placeholder,textarea::placeholder{color:#94a5bf!important}.btn{border-radius:16px!important;padding:13px 17px!important;background:linear-gradient(135deg,#7c5cff,#20a4ff)!important;box-shadow:0 14px 32px rgba(124,92,255,.30)!important}.btn.green{background:linear-gradient(135deg,#16c784,#23d5ff)!important}.btn.out,.btn.dark{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#eaf1ff!important;box-shadow:none!important}.badge{background:rgba(255,255,255,.13)!important;color:#eaf1ff!important;border-radius:999px!important;padding:8px 12px!important}.grid4,.cards,.searchbar,.formgrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.stat{padding:18px!important}.stat h2{font-size:24px!important}.stat p{font-size:11px!important;color:#a9b9d4!important}.ico{background:linear-gradient(135deg,#7c5cff,#20a4ff)!important;border-radius:18px!important;box-shadow:0 14px 32px rgba(32,164,255,.24)!important}.table{display:block!important;overflow:auto!important;background:rgba(255,255,255,.04)!important;border-radius:18px!important}.table th,.table td{white-space:nowrap!important;border-color:rgba(255,255,255,.10)!important;color:#eaf1ff!important}

  /* Services mobile */
  .group{margin:22px 0!important}.ghead{border-radius:20px!important;padding:16px!important;background:linear-gradient(135deg,#7c5cff,#20a4ff)!important;box-shadow:0 18px 45px rgba(32,164,255,.20)!important}.service{padding:18px!important;position:relative;overflow:hidden}.service:before{content:'';position:absolute;right:-28px;top:-28px;width:95px;height:95px;border-radius:50%;background:rgba(35,213,255,.16)}.tag{background:rgba(255,232,166,.95)!important;color:#3b2b00!important}.service h3{min-height:auto!important;font-size:17px!important;color:#fff!important}.meta{color:#a9b9d4!important;border-bottom-color:rgba(255,255,255,.12)!important}.price b{color:#6ee7ff!important;font-size:20px!important}.price .btn{padding:10px 14px!important;border-radius:14px!important}

  /* New app-like orders */
  .orders-desktop-table{display:none!important}.mobile-orders-ios{display:block!important;padding-top:8px!important}.moi-title{display:flex!important;align-items:center!important;gap:12px!important;margin:6px 0 14px!important}.moi-title i{width:48px;height:48px;border-radius:18px;background:rgba(35,213,255,.12);display:grid;place-items:center;color:#6ee7ff!important;font-size:24px!important}.moi-title h1{margin:0!important;color:#fff!important;font-size:31px!important;letter-spacing:-.04em!important}.moi-controls{display:flex!important;gap:10px!important;margin:0 0 14px!important}.moi-controls button{height:48px!important;min-width:60px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border-radius:16px!important;font-size:16px!important;box-shadow:none!important}.moi-filter{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;padding:14px!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important}.moi-search{height:54px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(0,0,0,.12)!important;border-radius:17px!important}.moi-search input{color:#fff!important;font-size:16px!important}.moi-search input::placeholder{color:#9fb0ce!important}.moi-search i{color:#8db0d9!important}.moi-filter select{height:54px!important;background:rgba(0,0,0,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:17px!important;font-size:16px!important}.moi-tabs button{background:rgba(255,255,255,.08)!important;color:#c9d6ed!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;padding:12px 15px!important;font-size:14px!important}.moi-tabs button.active{background:linear-gradient(135deg,#7c5cff,#20a4ff)!important;color:#fff!important}.orders-mobile-list{gap:14px!important;margin-top:16px!important}.orders-mobile-list .order-mobile-card{background:rgba(255,255,255,.96)!important;color:#081120!important;border:0!important;border-radius:24px!important;min-height:126px!important;padding:18px!important;box-shadow:0 20px 45px rgba(0,0,0,.20)!important}.om-main small{color:#1976ff!important}.om-main b{color:#081120!important;font-size:18px!important;line-height:1.25!important}.om-main strong{color:#081120!important}.om-status{border-radius:999px!important;font-size:13px!important;padding:9px 13px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.om-status.success{background:#ddfff0!important;color:#0b9c62!important}.om-status.pending{background:#fff5d7!important;color:#a86e00!important}.om-status.bad{background:#ffe3eb!important;color:#cd2b4b!important}.om-status.warn{background:#eef0ff!important;color:#655cff!important}.om-right i{color:#8d96a7!important}

  /* Details modal premium */
  .mobile-order-backdrop{background:rgba(2,8,18,.70)!important;backdrop-filter:blur(16px)!important}.mobile-order-sheet{background:linear-gradient(180deg,#ffffff,#f4f7fb)!important;color:#0b1220!important;border-radius:32px!important;width:calc(100vw - 22px)!important;max-width:470px!important;padding:24px 18px!important}.mo-title-row h2{color:#0b1220!important}.mo-service-box,.mo-data-box,.mo-reply-box,.mo-mini{box-shadow:0 14px 34px rgba(15,23,42,.08)!important}.mo-close-btn{background:linear-gradient(135deg,#e8edf5,#d6dde9)!important;color:#182033!important}

  /* Bottom navigation quick app bar */
  .nav{display:grid!important;position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:180!important;grid-template-columns:repeat(5,1fr)!important;min-width:0!important;gap:6px!important;padding:8px!important;background:rgba(8,16,29,.78)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:24px!important;backdrop-filter:blur(22px)!important;box-shadow:0 20px 60px rgba(0,0,0,.35)!important;overflow:visible!important}.nav a{display:none!important}.nav a[href='dashboard.php'],.nav a[href='imei_services.php'],.nav a[href='orders.php'],.nav a[href='add_funds.php'],.nav a[href='profile.php']{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;height:54px!important;border-radius:18px!important;padding:0!important;font-size:0!important;color:#91a3bf!important}.nav a i{font-size:18px!important;margin:0 0 3px!important}.nav a[href='dashboard.php']:after{content:'Home';font-size:10px;font-weight:800}.nav a[href='imei_services.php']:after{content:'Services';font-size:10px;font-weight:800}.nav a[href='orders.php']:after{content:'Orders';font-size:10px;font-weight:800}.nav a[href='add_funds.php']:after{content:'Funds';font-size:10px;font-weight:800}.nav a[href='profile.php']:after{content:'Profile';font-size:10px;font-weight:800}.nav a.active{background:linear-gradient(135deg,#7c5cff,#20a4ff)!important;color:#fff!important;box-shadow:0 12px 28px rgba(32,164,255,.30)!important}

  /* Auth mobile new look */
  .auth-page{background:#07111f!important;background-image:radial-gradient(circle at 10% 0,rgba(124,92,255,.5),transparent 36%),radial-gradient(circle at 100% 14%,rgba(35,213,255,.25),transparent 32%),linear-gradient(160deg,#06101d,#0d1830 55%,#080d19)!important}.auth-top{height:68px!important;background:rgba(7,17,31,.72)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:0 14px!important}.auth-top nav a:not(.btn){display:none!important}.auth-shell{min-height:calc(100vh - 68px)!important;padding:18px 12px 28px!important;place-items:center!important}.auth-card{width:100%!important;max-width:440px!important;border-radius:30px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;border-top:0!important;padding:26px 18px!important;backdrop-filter:blur(20px)!important;box-shadow:0 25px 80px rgba(0,0,0,.32)!important}.auth-logo{font-size:24px!important;color:#fff!important}.auth-card h1{font-size:22px!important;color:#fff!important}.auth-sub{color:#c8d6ed!important;text-align:center!important}.steps{gap:9px!important}.steps span{width:32px!important;height:32px!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.16)!important}.steps span.on{background:linear-gradient(135deg,#7c5cff,#20a4ff)!important}.steps b{background:rgba(255,255,255,.18)!important}.field-icon,.auth-card .input{background:rgba(0,0,0,.15)!important;border-color:rgba(255,255,255,.15)!important}.field-icon input{color:#fff!important}.auth-row{display:block!important}.auth-row a{display:block;margin-top:12px}.auth-buttons{gap:10px!important}.review-box p{grid-template-columns:1fr!important;gap:4px!important;background:rgba(255,255,255,.06);padding:10px;border-radius:14px}.review-box span{color:#fff!important}

  body.light{background:#f5f8ff!important;color:#111827!important}.light:before{background:radial-gradient(circle at 0 0,rgba(124,92,255,.22),transparent 32%),radial-gradient(circle at 100% 12%,rgba(35,213,255,.18),transparent 30%),linear-gradient(180deg,#fbfdff,#edf7ff)!important}.light .mobile-topbar,.light .panel,.light .stat,.light .service,.light .api-card,.light .moi-filter{background:rgba(255,255,255,.82)!important;color:#111827!important;border-color:rgba(30,41,59,.08)!important}.light .head,.light .service h3,.light .moi-title h1{color:#111827!important}.light .input,.light select,.light textarea{background:#fff!important;color:#111827!important;border-color:#dce5f2!important}.light .mobile-menu-btn,.light .mobile-moon{background:#fff!important;color:#111827!important;border-color:#e5e7eb!important}.light .nav{background:rgba(255,255,255,.85)!important}.light .nav a{color:#68758a!important}.light .nav a.active{color:#fff!important}
}

/* === Video style mobile UI update === */
.video-mobile-appbar{display:none}
@media(max-width:900px){
  :root{--bg:#1d2536;--card:#121827;--line:#30394f;--text:#f8fbff;--muted:#9ba9bf;--brand:#6d5cff;--blue:#1687ff;}
  html,body{background:#1d2536!important;color:#f8fbff!important;overflow-x:hidden!important;}
  body:before{display:none!important}
  .mobile-topbar{display:none!important}
  .top{display:none!important}
  .video-mobile-appbar{display:flex!important;align-items:center;gap:12px;position:sticky;top:0;z-index:140;height:110px;padding:34px 12px 14px;background:#171d2c;border-bottom:1px solid #30384d;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;}
  .video-menu-btn{width:48px;height:48px;border:0;background:transparent;color:#aab8cf;font-size:26px;display:grid;place-items:center;flex:0 0 auto;}
  .video-title{min-width:185px;line-height:1.05;}
  .video-title span{display:inline-block;background:#252d40;color:#9aa8bd;border-radius:22px;padding:5px 15px;font-size:16px;font-weight:900;letter-spacing:.08em;margin-bottom:8px;}
  .video-title b{display:block;color:#fff;font-size:29px;font-weight:950;letter-spacing:-.03em;white-space:nowrap;}
  .video-actions{display:flex;align-items:center;gap:12px;overflow-x:auto;flex:1;padding-bottom:4px;scrollbar-width:none;}
  .video-actions::-webkit-scrollbar{display:none;}
  .video-icon{width:48px;height:48px;border-radius:14px;background:#192132;border:1px solid #313a52;color:#aebbd1;display:grid;place-items:center;font-size:21px;flex:0 0 auto;box-shadow:0 10px 20px rgba(0,0,0,.12);}
  .video-lang{height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#5b4bff,#7468ff);color:#fff;font-weight:900;padding:0 15px;font-size:16px;display:flex;align-items:center;gap:8px;flex:0 0 auto;box-shadow:0 10px 25px rgba(103,92,255,.35);}
  .video-balance{height:48px;border-radius:12px;background:#159563;color:#fff;font-weight:950;padding:0 16px;display:flex;align-items:center;flex:0 0 auto;font-size:17px;}
  .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:26px 14px 120px!important;background:#1d2536!important;}
  .grid4{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;}
  .stat{background:#141a2a!important;border:1px solid #30394f!important;border-radius:25px!important;min-height:116px!important;padding:22px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:22px!important;}
  .stat .ico{width:68px!important;height:68px!important;border-radius:18px!important;background:#29296a!important;box-shadow:none!important;font-size:28px!important;}
  .stat:nth-child(2) .ico{background:#063a57!important;color:#2fc7ff!important}.stat:nth-child(3) .ico{background:#0a5049!important;color:#45ff92!important}.stat:nth-child(4) .ico{background:#493718!important;color:#ffc234!important}
  .stat h2{font-size:37px!important;line-height:1!important;margin:0!important;color:#fff!important;font-weight:950!important;}
  .stat p{font-size:17px!important;letter-spacing:.12em;color:#a8b5ca!important;margin:8px 0 0!important;font-weight:850!important;}
  .stat a{font-size:16px!important;color:#b9b5ff!important;font-weight:900!important;}
  .panel{background:#151b2b!important;border:1px solid #30394f!important;border-radius:22px!important;box-shadow:none!important;margin-top:24px!important;}
  .head{padding:18px 20px!important;color:#b9c8df!important;border-bottom:1px solid #30394f!important;font-size:16px!important;letter-spacing:.08em!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
  .empty{min-height:170px!important;border:1px dashed #38445e!important;border-radius:14px!important;color:#aebbd1!important;margin:16px!important;font-size:20px!important;background:#151b2b!important;}
  .empty p{font-size:20px!important;line-height:1.35!important;}
  .btn{border-radius:8px!important;background:linear-gradient(135deg,#5c4dff,#7468ff)!important;box-shadow:0 10px 25px rgba(103,92,255,.25)!important;}
  .badge{background:#20283b!important;color:#fff!important;border-radius:20px!important;padding:6px 12px!important;}
  .searchbar{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;margin:0 0 20px!important;}
  .input,.searchbar select,select,textarea{background:#141a2a!important;border:1px solid #30394f!important;color:#fff!important;border-radius:16px!important;font-size:22px!important;padding:17px 20px!important;min-height:58px!important;box-shadow:none!important;}
  .input::placeholder{color:#95a4bb!important;}
  .group{margin:24px -14px 0!important;}
  .ghead{border-radius:0!important;background:linear-gradient(135deg,#5746f5,#674fff)!important;border-top:1px solid #695eff!important;border-bottom:1px solid #352caa!important;padding:19px 24px!important;font-size:27px!important;letter-spacing:-.02em!important;box-shadow:none!important;}
  .ghead .badge{background:rgba(255,255,255,.20)!important;font-size:14px!important;align-self:center!important;}
  .cards{display:block!important;margin:0!important;overflow-x:auto!important;border-left:1px solid #30394f!important;border-right:1px solid #30394f!important;}
  .service{min-width:760px!important;display:grid!important;grid-template-columns:50px 56px minmax(330px,1fr) 92px 130px 105px!important;align-items:center!important;gap:14px!important;background:#151b2b!important;border:0!important;border-bottom:1px solid #30394f!important;border-radius:0!important;padding:18px 22px!important;box-shadow:none!important;color:#fff!important;}
  .service:before{display:none!important;}
  .service:after{content:'1';grid-column:1;grid-row:1;color:#9ba9bf;font-size:24px;}
  .service>span[style*='float']{float:none!important;grid-column:2;grid-row:1;font-size:35px!important;color:#9ba9bf!important;}
  .service .tag{grid-column:4;grid-row:1;background:#d4fbff!important;color:#0b5a66!important;border-radius:999px!important;font-size:20px!important;padding:8px 15px!important;justify-self:center!important;}
  .service h3{grid-column:3!important;grid-row:1!important;margin:0!important;min-height:0!important;color:#fff!important;font-size:26px!important;line-height:1.35!important;font-weight:850!important;}
  .service .meta{grid-column:5!important;grid-row:1!important;border:0!important;padding:0!important;color:#9daabd!important;font-size:22px!important;white-space:nowrap!important;}
  .service .price{grid-column:6!important;grid-row:1!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
  .service .price b{font-size:18px!important;color:#1487ff!important;white-space:nowrap!important;}
  .service .price .btn{padding:10px 12px!important;font-size:14px!important;border-radius:7px!important;white-space:nowrap!important;}
  .modal{align-items:start!important;padding:18px 10px!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px)!important;}
  .orderbox{margin-top:48px!important;width:94vw!important;background:#171e30!important;border:1px solid #333d56!important;border-top:3px solid #766aff!important;border-radius:18px!important;color:#fff!important;}
  .orderbox .ob-head{font-size:18px!important;padding:17px 20px!important;}.orderbox .ob-body{padding:22px 18px!important;}.ob-row{display:block!important}.ob-price{font-size:25px!important;margin-top:8px!important}.calc{font-size:16px!important}.warn{font-size:16px!important}.orderbox label{font-size:14px!important;color:#dce6f7!important;font-weight:900!important;}
  .mobile-drawer{background:#0f1728!important;color:#fff!important;width:min(82vw,330px)!important;}.mobile-drawer a{font-size:17px!important}.mobile-drawer-backdrop{background:rgba(0,0,0,.55)!important;backdrop-filter:blur(5px)!important;}
  .nav{display:none!important;}
  body.light .video-mobile-appbar,body.light .wrap{background:#1d2536!important;color:#fff!important;} body.light{background:#1d2536!important;color:#fff!important;} body.light .panel,body.light .stat,body.light .service{background:#151b2b!important;color:#fff!important;border-color:#30394f!important;} body.light .service h3,body.light .head{color:#fff!important;} body.light .input,body.light select,body.light textarea{background:#141a2a!important;color:#fff!important;border-color:#30394f!important;}
}

/* === FINAL MOBILE SIDE MENU EXACT SIZE / STYLE UPDATE === */
@media(max-width:900px){
  body.drawer-open{overflow:hidden!important;}
  .mobile-drawer-backdrop{
    display:block!important;
    position:fixed!important;inset:0!important;z-index:998!important;
    background:rgba(0,0,0,.42)!important;
    backdrop-filter:none!important;
    opacity:0!important;pointer-events:none!important;transition:.28s ease!important;
  }
  body.drawer-open .mobile-drawer-backdrop{opacity:1!important;pointer-events:auto!important;}
  .mobile-drawer{
    display:block!important;
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:999!important;
    width:56vw!important;max-width:470px!important;min-width:270px!important;height:100vh!important;
    transform:translateX(-104%)!important;transition:transform .32s cubic-bezier(.22,.9,.25,1)!important;
    background:#10192b!important;color:#f7f9ff!important;border-right:1px solid rgba(255,255,255,.05)!important;
    padding:0 20px 34px!important;overflow-y:auto!important;box-shadow:26px 0 80px rgba(0,0,0,.52)!important;
  }
  body.drawer-open .mobile-drawer{transform:translateX(0)!important;}
  .mobile-drawer .md-head{
    height:104px!important;margin:0 -20px 22px!important;padding:30px 22px 22px!important;
    background:linear-gradient(180deg,#171f38 0%,#11192b 100%)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;
  }
  .mobile-drawer .md-logo{display:none!important;}
  .mobile-drawer .md-head b{
    font-size:23px!important;line-height:1!important;font-weight:950!important;color:#8c7cff!important;letter-spacing:-.03em!important;
  }
  .mobile-drawer .md-head button{
    position:absolute!important;right:14px!important;top:28px!important;width:34px!important;height:34px!important;border:0!important;
    border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#aeb7c8!important;font-size:24px!important;line-height:1!important;
  }
  .mobile-drawer:before{
    content:'Sherzod\A $0.00';white-space:pre;display:flex;align-items:center;min-height:74px;margin:0 0 14px!important;padding:13px 16px 13px 78px!important;
    border-radius:20px!important;background:#171f3d!important;border:1px solid #283452!important;color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.45!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;position:relative!important;
  }
  .mobile-drawer:after{
    content:'\f007';font-family:'Font Awesome 6 Free';font-weight:900;position:fixed!important;left:42px!important;top:131px!important;width:54px!important;height:54px!important;border-radius:16px!important;
    display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6a54ff,#8b73ff)!important;color:#fff!important;font-size:24px!important;box-shadow:0 12px 30px rgba(105,84,255,.34)!important;z-index:1000!important;
  }
  .mobile-drawer .md-section{display:none!important;}
  .mobile-drawer a{
    display:flex!important;align-items:center!important;gap:18px!important;width:100%!important;margin:3px 0!important;padding:13px 16px!important;
    border-radius:14px!important;color:#aab5c7!important;background:transparent!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1.1!important;
  }
  .mobile-drawer a i{
    width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;
    background:#1b2537!important;color:#97a3b5!important;font-size:17px!important;
  }
  .mobile-drawer a.active,.mobile-drawer a:hover{
    background:linear-gradient(135deg,#6658ff,#7f8cff)!important;color:#fff!important;box-shadow:0 12px 34px rgba(104,95,255,.38)!important;
  }
  .mobile-drawer a.active i,.mobile-drawer a:hover i{background:rgba(255,255,255,.22)!important;color:#fff!important;}
  .mobile-drawer a[href='logout.php']{
    margin-top:22px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.05)!important;color:#ff6675!important;
  }
  .mobile-drawer a[href='logout.php'] i{background:#1b2537!important;color:#ff5268!important;}
}
@media(max-width:430px){
  .mobile-drawer{width:56vw!important;min-width:235px!important;padding-left:14px!important;padding-right:14px!important;}
  .mobile-drawer .md-head{margin-left:-14px!important;margin-right:-14px!important;height:96px!important;}
  .mobile-drawer .md-head b{font-size:22px!important;}
  .mobile-drawer:before{padding-left:65px!important;font-size:16px!important;min-height:68px!important;}
  .mobile-drawer:after{left:30px!important;top:124px!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:22px!important;}
  .mobile-drawer a{gap:14px!important;padding:12px 10px!important;font-size:16px!important;}
  .mobile-drawer a i{width:30px!important;height:30px!important;min-width:30px!important;font-size:15px!important;}
}

/* === DESKTOP UNLOCKER STYLE UPDATE === */
@media(min-width:901px){
  body{background:#1a2436!important;overflow-x:hidden!important;}
  .video-mobile-appbar,.mobile-topbar,.mobile-drawer,.mobile-drawer-backdrop,.top{display:none!important;}
  .desktop-app{display:grid!important;grid-template-columns:250px 1fr;min-height:100vh;background:#1a2436;color:#f6f8ff;}
  .desktop-side{position:sticky;top:0;height:100vh;background:#0c1526;border-right:1px solid #243149;padding:22px 14px;z-index:20;box-shadow:12px 0 30px rgba(0,0,0,.12);}
  .desktop-logo{height:54px;display:flex;align-items:center;justify-content:center;color:#8b7cff;font-size:22px;font-weight:950;letter-spacing:-.02em;margin-bottom:10px;}
  .desktop-user{display:flex;align-items:center;gap:14px;background:#171f3f;border:1px solid #2b3659;border-radius:16px;padding:14px;margin:8px 0 14px;}
  .du-avatar{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#6553ff,#8b76ff);display:grid;place-items:center;font-size:20px;box-shadow:0 12px 28px rgba(103,92,255,.3)}
  .desktop-user b{display:block;font-size:14px;color:#fff}.desktop-user span{display:block;margin-top:3px;color:#29d77f;font-weight:900;font-size:13px;}
  .desktop-side a{display:flex!important;align-items:center;gap:13px;margin:5px 0;padding:13px 14px;border-radius:10px;color:#b3c0da;font-weight:850;transition:.18s ease;}
  .desktop-side a i{width:22px;text-align:center;color:#8fa0bd;font-size:15px;}
  .desktop-side a.active,.desktop-side a:hover{background:linear-gradient(135deg,#6156ff,#7d78ff);color:#fff;box-shadow:0 10px 26px rgba(103,92,255,.35);}
  .desktop-side a.active i,.desktop-side a:hover i{color:#fff;}
  .desktop-side-line{height:1px;background:#17243b;margin:16px 0;}.desktop-side .logout-link{color:#ff5d70!important}.desktop-side .logout-link i{color:#ff5268!important}
  .desktop-main{min-width:0;background:#1d273a;}
  .desktop-topbar{height:58px;background:#11192b;border-bottom:1px solid #2a354e;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15;}
  .dt-title{display:flex;align-items:center;gap:12px}.dt-title span{font-size:11px;padding:5px 10px;border-radius:999px;background:#222e48;color:#8ea0bd;font-weight:900}.dt-title b{font-size:16px;color:#fff;}
  .dt-actions{display:flex;align-items:center;gap:10px}.dt-icon{width:32px;height:32px;border-radius:10px;border:1px solid #2b3855;background:#121b2f;color:#9cb0cf;display:grid;place-items:center}.dt-icon:hover{color:#fff;border-color:#5f55ff}.dt-lang{border:0;background:#6158eb;color:#fff;border-radius:8px;padding:8px 12px;font-weight:900}.dt-balance{background:#14945d;color:#fff;border-radius:8px;padding:9px 14px;font-weight:950;}
  .wrap{max-width:none!important;margin:0!important;padding:26px 24px 34px!important;}
  .grid4{gap:26px!important}.stat{min-height:90px;background:#121a2d!important;border-color:#2b3650!important;border-radius:17px!important;box-shadow:none!important}.stat .ico{width:48px;height:48px;border-radius:13px}.stat h2{font-size:25px}.stat a{float:right;font-weight:900;font-size:13px;}
  .panel{background:#121a2d!important;border:1px solid #2b3650!important;border-radius:17px!important;box-shadow:none!important;}.head{padding:17px 21px!important;background:#141d30!important;color:#bcd0f1!important}.empty{background:#121a2d!important;}
  .searchbar{margin:18px 0 34px!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.input,select,textarea{background:#131c2f!important;border-color:#2b3855!important;color:#fff!important;}
  .ghead{max-width:1380px;margin:0 auto;background:linear-gradient(135deg,#5d4fff,#6c66f5)!important;border-radius:14px!important;padding:18px 22px!important;}
  .cards{max-width:1380px;margin:16px auto 0!important;grid-template-columns:repeat(3,minmax(280px,1fr))!important;gap:22px!important}.service{background:#11192b!important;border-color:#2b3650!important;border-radius:16px!important;}.service h3{color:#fff!important}.price b{color:#7c70ff!important}
  .table th{color:#fff!important}.table td,.table th{border-bottom:1px solid #2a354e!important}.table tr.group-row,.table .ghead-row{background:linear-gradient(135deg,#5d4fff,#6661f5)!important;color:#fff!important;}
  body.light .desktop-app,body.light .desktop-main{background:#eef3fb!important}body.light .desktop-side{background:#fff!important;border-color:#dfe6f1!important}body.light .desktop-topbar{background:#fff!important;border-color:#dfe6f1!important}body.light .dt-title b{color:#111827!important}body.light .desktop-logo{color:#6255ff!important}body.light .desktop-user,body.light .stat,body.light .panel,body.light .service{background:#fff!important;border-color:#dfe6f1!important;color:#111827!important}body.light .desktop-side a{color:#68758e!important}body.light .input,body.light select,body.light textarea{background:#fff!important;color:#111827!important;border-color:#dce5f2!important}body.light .head{background:#fff!important;color:#53627b!important}body.light .service h3{color:#111827!important}
}
@media(max-width:900px){.desktop-side,.desktop-topbar{display:none!important}.desktop-app{display:block!important}.desktop-main{display:block!important}}

/* ===== Final fixes: readable mobile fonts, theme icon, desktop layout switch, admin nav ===== */
.theme-switch,.layout-switch{cursor:pointer;transition:.2s}.theme-switch:hover,.layout-switch:hover{transform:translateY(-1px)}

/* mobile font standard size */
@media(max-width:900px){
  body{font-size:14px!important;line-height:1.45!important;}
  .video-mobile-appbar{height:56px!important;padding:0 10px!important;}
  .video-menu-btn{width:38px!important;height:38px!important;font-size:15px!important;}
  .video-title b{font-size:14px!important}.video-title span{font-size:9px!important;padding:3px 7px!important;}
  .video-actions{gap:6px!important}.video-icon{width:34px!important;height:34px!important;font-size:13px!important}.video-lang{font-size:11px!important;padding:7px 9px!important}.video-balance{font-size:12px!important;padding:8px 10px!important}
  .wrap{padding:14px 12px 85px!important;}
  h1{font-size:22px!important} h2{font-size:18px!important} h3{font-size:15px!important}
  .stat h2{font-size:20px!important}.stat p,.stat a{font-size:11px!important}.stat{min-height:74px!important;padding:14px!important}.stat .ico{width:40px!important;height:40px!important;font-size:15px!important;}
  .head{font-size:12px!important;padding:13px 14px!important}.panel{border-radius:16px!important}.empty{font-size:13px!important;padding:38px 14px!important;}
  .searchbar{gap:10px!important;margin:12px 0 18px!important}.input,select,textarea{font-size:14px!important;height:42px!important;padding:0 12px!important;}
  .ghead{font-size:15px!important;padding:13px 14px!important;border-radius:13px!important}.ghead .badge{font-size:11px!important;padding:5px 9px!important;}
  .cards{gap:13px!important}.service{padding:14px!important;border-radius:15px!important}.service h3{font-size:14px!important;line-height:1.35!important}.service small,.service .tag{font-size:11px!important}.price b{font-size:15px!important}.btn,.service .btn{font-size:12px!important;padding:8px 11px!important;border-radius:8px!important}
  .table th,.table td{font-size:12px!important;padding:10px 8px!important}.table .ghead-row td{font-size:13px!important;}
  .mobile-drawer{width:56vw!important;min-width:238px!important;max-width:285px!important;padding:0 16px 24px!important;}
  .mobile-drawer .md-head{height:94px!important;margin:0 -16px 16px!important;padding:27px 16px 18px!important;}
  .mobile-drawer .md-head b{font-size:21px!important;}
  .mobile-drawer:before{min-height:66px!important;margin-bottom:13px!important;padding:12px 14px 12px 66px!important;font-size:15px!important;line-height:1.35!important;}
  .mobile-drawer:after{left:31px!important;top:120px!important;width:48px!important;height:48px!important;font-size:20px!important;}
  .mobile-drawer a{font-size:15px!important;padding:10px 12px!important;gap:13px!important;border-radius:13px!important;margin:2px 0!important;}
  .mobile-drawer a i{width:31px!important;height:31px!important;min-width:31px!important;font-size:14px!important;border-radius:9px!important;}
  .order-card,.mobile-order-card{font-size:14px!important}.order-card h3,.mobile-order-card h3{font-size:15px!important;}
}

/* Classic desktop view (old top menu). Switch with layer icon */
.classic-topbar{display:none;}
@media(min-width:901px){
  body.classic-layout .desktop-app{display:block!important;background:#1d273a!important;min-height:100vh!important;}
  body.classic-layout .desktop-side{display:none!important;}
  body.classic-layout .desktop-main{display:block!important;margin-left:0!important;background:#1d273a!important;}
  body.classic-layout .desktop-topbar{display:none!important;}
  body.classic-layout .classic-topbar{height:62px;display:flex;align-items:center;gap:18px;background:#11192b;border-bottom:1px solid #2a354e;padding:0 22px;position:sticky;top:0;z-index:30;}
  body.classic-layout .classic-brand{font-size:18px;font-weight:950;color:#8c7cff;margin-right:18px;white-space:nowrap;}
  body.classic-layout .classic-nav{display:flex;align-items:center;gap:8px;flex:1;overflow-x:auto;}
  body.classic-layout .classic-nav a{color:#aebbd1;text-decoration:none;font-weight:800;font-size:13px;padding:11px 13px;border-radius:14px;white-space:nowrap;display:flex;align-items:center;gap:8px;}
  body.classic-layout .classic-nav a.active,body.classic-layout .classic-nav a:hover{background:linear-gradient(135deg,#685aff,#7b7cff);color:#fff;box-shadow:0 10px 26px rgba(103,92,255,.3);}
  body.classic-layout .classic-nav .logout-link{color:#ff6878!important;}
  body.classic-layout .classic-actions{display:flex;align-items:center;gap:9px;}
  body.classic-layout .wrap{max-width:1360px!important;margin:0 auto!important;padding:28px 22px 40px!important;}
  body.classic-layout .searchbar{max-width:1360px;margin:20px auto 36px!important;}
  body.classic-layout .ghead,body.classic-layout .cards{max-width:1120px;}
  body.light.classic-layout .desktop-app,body.light.classic-layout .desktop-main{background:#eef3fb!important;}body.light.classic-layout .classic-topbar{background:#fff!important;border-color:#dfe6f1!important;}body.light.classic-layout .classic-nav a{color:#5f6d84!important;}body.light.classic-layout .classic-brand{color:#6255ff!important;}
}

/* Admin panel navigation fix */
.admin-shell{min-height:100vh;background:#111827;color:#eaf0ff;}
.admin-top{position:sticky;top:0;z-index:50;background:#0f1728;border-bottom:1px solid #27344d;display:flex;align-items:center;gap:18px;padding:12px 18px;}
.admin-brand{font-weight:950;color:#8c7cff;font-size:18px;white-space:nowrap;}
.admin-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;flex:1;padding-bottom:2px;}
.admin-nav a{white-space:nowrap;color:#b8c5da;text-decoration:none;font-weight:800;font-size:13px;padding:10px 12px;border-radius:12px;border:1px solid transparent;}
.admin-nav a.active,.admin-nav a:hover{background:#6158eb;color:#fff;border-color:#756cff;}
.admin-wrap{padding:24px;max-width:1400px;margin:0 auto;}
body.light .admin-shell{background:#eef3fb;color:#101828;}body.light .admin-top{background:#fff;border-color:#dfe6f1}body.light .admin-nav a{color:#58677f}
/* Backward-compatible admin .top menu fix */
body > .top{position:sticky!important;top:0!important;z-index:60!important;background:#0f1728!important;border-bottom:1px solid #27344d!important;display:flex!important;align-items:center!important;gap:16px!important;padding:12px 18px!important;min-height:58px!important;overflow:visible!important;}
body > .top .brand{font-size:18px!important;font-weight:950!important;color:#8c7cff!important;white-space:nowrap!important;}
body > .top .nav{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;flex:1!important;white-space:nowrap!important;}
body > .top .nav a{display:inline-flex!important;color:#b8c5da!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid transparent!important;}
body > .top .nav a.active,body > .top .nav a:hover{background:#6158eb!important;color:#fff!important;border-color:#756cff!important;}
body.light > .top{background:#fff!important;border-color:#dfe6f1!important}body.light > .top .nav a{color:#58677f!important}body.light > .top .brand{color:#6255ff!important}
@media(max-width:760px){body > .top{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}body > .top .nav{width:100%!important}.admin-wrap,.wrap{padding-left:12px!important;padding-right:12px!important}}

/* ===== Services + Orders polish update ===== */
.services-page{width:100%;}
.services-search{grid-template-columns:1fr 1fr!important;gap:20px!important;margin:0 0 28px!important;}
.services-search .input,.services-search select{height:48px!important;border-radius:13px!important;background:#121b2f!important;border:1px solid #2b3855!important;}
.services-table-wrap{background:transparent;border-radius:0;overflow:visible;}
.services-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.services-table th{font-size:12px;text-transform:uppercase;color:#fff;font-weight:900;padding:16px 14px;border-bottom:1px solid #2a354e;text-align:left;}
.services-table td{padding:0 14px;border-bottom:1px solid #2a354e;vertical-align:middle;}
.svc-group-row td{padding:0!important;border:0!important;height:58px;}
.svc-group-row div{height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;margin-top:2px;background:linear-gradient(135deg,#5a4dff,#6660f3);color:#fff;font-weight:950;font-size:16px;box-shadow:inset 0 -1px rgba(0,0,0,.12);}
.svc-group-row:first-of-type div{border-radius:0;}
.grp-ico{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.16);display:inline-grid;place-items:center;color:#fff;}
.svc-group-row em{margin-left:auto;font-style:normal;font-size:12px;background:rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;color:#fff;}
.svc-row{height:54px;background:#11192b;transition:.15s;}
.svc-row:hover{background:#151f35;}
.svc-num{color:#9fb0ce;width:44px;font-size:13px;}
.svc-name{font-weight:900;color:#fff;line-height:1.2;}
.svc-name .star{color:#9eb4d7;font-size:18px;margin-right:18px;vertical-align:middle;}
.svc-title{vertical-align:middle;}
.svc-pill{display:inline-flex;align-items:center;margin-left:12px;padding:5px 10px;border-radius:999px;background:#c9fbff;color:#07525d;font-size:11px;font-weight:1000;vertical-align:middle;}
.svc-name small{display:block;margin-left:40px;margin-top:5px;color:#a5b5cf;font-weight:600;font-size:12px;}
.svc-delivery{color:#b7c8e6;font-size:12px;}
.svc-price{color:#1287ff!important;font-size:14px;font-weight:1000;}
.order-small{padding:9px 16px!important;border-radius:7px!important;box-shadow:0 6px 16px rgba(103,92,255,.25)!important;}
.services-mobile-list{display:none;}

.orders-panel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.orders-panel>.head{display:none!important;}
.mobile-orders-ios{max-width:1120px;margin:0 auto!important;}
.orders-mobile-list{display:flex;flex-direction:column;gap:14px;}
.order-mobile-card{width:100%;text-align:left;border:0;cursor:pointer;}
.moi-tabs{display:flex;gap:8px;margin-top:14px;overflow:auto;}
.moi-tabs button{border:0;cursor:pointer;}
.moi-search{display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:12px;}
.moi-search input{border:0;outline:0;background:transparent;flex:1;}
.mobile-order-modal{display:none;position:fixed;inset:0;z-index:1000;}
.mobile-order-modal.show{display:block;}
.mobile-order-backdrop{position:absolute;inset:0;}
.mobile-order-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

@media(min-width:901px){
  .services-mobile-list{display:none!important;}
  .services-table-wrap{display:block!important;}
  body.classic-layout .services-table-wrap, body:not(.classic-layout) .services-table-wrap{padding:0 2px;}
  body.classic-layout .services-page{max-width:1360px;margin:0 auto;}
  body.classic-layout .svc-group-row div{border-radius:0;}
  body.light .svc-row{background:#fff!important;}body.light .svc-row:hover{background:#f7f9fe!important;}body.light .svc-name{color:#111827!important;}body.light .services-table th{color:#29364d!important}body.light .svc-group-row div{background:linear-gradient(135deg,#675cff,#766dff)!important;}body.light .svc-delivery{color:#5d6b82!important;}
}

@media(max-width:900px){
  /* hide desktop service table and make mobile clean */
  .services-table-wrap{display:none!important;}
  .services-mobile-list{display:block!important;}
  .services-search{grid-template-columns:1fr!important;gap:10px!important;margin:8px 0 16px!important;}
  .services-search .input,.services-search select{height:44px!important;border-radius:14px!important;font-size:13px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;}
  .mobile-svc-group{margin:16px 0 20px!important;}
  .mobile-svc-head{height:50px;border-radius:16px;background:linear-gradient(135deg,#685aff,#20a4ff);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;font-weight:950;box-shadow:0 12px 32px rgba(103,92,255,.22);}
  .mobile-svc-head span{font-size:14px;display:flex;align-items:center;gap:9px;min-width:0;}
  .mobile-svc-head b{font-size:11px;border-radius:999px;background:rgba(255,255,255,.22);padding:6px 9px;white-space:nowrap;}
  .mobile-svc-card{margin-top:10px;background:#11192b!important;border:1px solid #2b3650!important;border-radius:17px!important;padding:14px!important;box-shadow:none!important;color:#fff!important;}
  .msc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
  .msc-top span{font-size:10px;font-weight:1000;color:#07525d;background:#c9fbff;border-radius:999px;padding:5px 9px;}
  .msc-top i{font-style:normal;color:#9eb4d7;font-size:18px;}
  .mobile-svc-card h3{margin:0 0 8px;font-size:14px!important;line-height:1.35;color:#fff!important;}
  .mobile-svc-card p{margin:0 0 9px;color:#a5b5cf;font-size:12px;line-height:1.35;}
  .msc-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #2a354e;border-bottom:1px solid #2a354e;padding:9px 0;color:#9fb0ce;font-size:12px;}
  .msc-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:12px;}
  .msc-bottom b{color:#7d73ff;font-size:15px;}
  .msc-bottom .btn{font-size:12px!important;padding:8px 12px!important;border-radius:8px!important;}

  /* mobile orders straight, smaller, balanced */
  .orders-panel{margin:0!important;padding:0!important;}
  .mobile-orders-ios{display:block!important;padding:4px 0 85px!important;max-width:520px!important;}
  .moi-title{margin:4px 0 12px!important;gap:10px!important;}
  .moi-title i{width:38px!important;height:38px!important;border-radius:12px!important;font-size:19px!important;background:rgba(103,92,255,.15)!important;color:#6f8cff!important;}
  .moi-title h1{font-size:24px!important;color:#fff!important;margin:0!important;}
  .moi-controls{gap:8px!important;margin-bottom:12px!important;}
  .moi-controls button{height:40px!important;min-width:48px!important;border-radius:12px!important;background:#121a2d!important;color:#dbe7ff!important;border:1px solid #2b3650!important;font-size:13px!important;}
  .moi-filter{border-radius:18px!important;background:#121a2d!important;border:1px solid #2b3650!important;padding:12px!important;box-shadow:none!important;}
  .moi-search{height:42px!important;border-radius:13px!important;background:#0f1728!important;border:1px solid #2b3650!important;margin-bottom:10px!important;}
  .moi-search input{font-size:13px!important;color:#fff!important;}
  .moi-filter select{height:42px!important;border-radius:13px!important;background:#0f1728!important;border:1px solid #2b3650!important;color:#fff!important;font-size:13px!important;margin-bottom:10px!important;}
  .moi-tabs{gap:7px!important;margin-top:0!important;}
  .moi-tabs button{padding:8px 11px!important;border-radius:11px!important;background:#1a2438!important;color:#aebbd3!important;font-size:12px!important;border:1px solid #2b3650!important;}
  .moi-tabs button.active{background:#2f6ff6!important;color:#fff!important;border-color:#2f6ff6!important;}
  .orders-mobile-list{gap:10px!important;margin-top:13px!important;}
  .order-mobile-card{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-height:96px!important;padding:14px!important;border-radius:17px!important;background:#11192b!important;border:1px solid #2b3650!important;box-shadow:none!important;color:#fff!important;}
  .om-main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;}
  .om-main small{color:#4a91ff!important;font-size:12px!important;font-weight:900!important;}
  .om-main b{color:#fff!important;font-size:14px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .om-main strong{font-size:15px!important;color:#fff!important;}
  .om-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:86px;}
  .om-status{font-size:11px!important;line-height:1.15!important;padding:7px 9px!important;border-radius:13px!important;text-align:center;font-style:normal!important;font-weight:900!important;}
  .om-status.success{background:#d9ffe9!important;color:#13935b!important;}.om-status.pending{background:#fff4d2!important;color:#976700!important;}.om-status.bad{background:#ffdce5!important;color:#bd2443!important;}
  .om-right i{font-size:12px!important;color:#93a2bb!important;font-style:normal!important;}

  .mobile-order-sheet{width:calc(100vw - 28px)!important;max-height:86vh!important;overflow:auto!important;background:#f8fafc!important;color:#0b1220!important;border-radius:26px!important;padding:20px!important;box-shadow:0 24px 90px rgba(0,0,0,.42)!important;}
  .mo-close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eef1f5;color:#98a2b3;font-size:24px;}
  .mo-title-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;}.mo-big-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#7c5cff,#8f2bff);color:#fff;display:grid;place-items:center;font-size:22px;}.mo-title-row h2{margin:0!important;color:#0b1220!important;font-size:22px!important}.mo-title-row p{margin:4px 0 0;color:#8b94a7;font-weight:900;}
  .mo-service-box,.mo-data-box,.mo-reply-box{background:#fff;border:1px solid #e7ebf2;border-radius:20px;padding:17px;margin:12px 0;box-shadow:0 8px 22px rgba(16,24,40,.06);}.mo-service-box{text-align:center}.mo-service-box span,.mo-data-box span{display:block;color:#a0a8ba;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:1000;margin-bottom:8px}.mo-service-box b{font-size:15px;color:#0b1220}.mo-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mo-mini{border:1px solid #dbeee7;background:#effdf6;border-radius:18px;padding:16px;text-align:center}.mo-mini span{display:block;color:#37bd88;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:1000}.mo-mini b{display:block;margin-top:8px;color:#24b879;font-size:17px}.mo-mini.purple{background:#f7f7ff;border-color:#e1e3ff}.mo-mini.purple span,.mo-mini.purple b{color:#6255d8}.mo-data-box div{display:flex;align-items:center;justify-content:space-between}.mo-data-box b{color:#687285}.mo-data-box em{font-style:normal;background:#f0f2ff;color:#6255d8;border-radius:13px;padding:9px 14px;font-weight:900}.mo-reply-box{border-color:#c9f7e4;background:#f5fffb}.mo-reply-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #dcefe8;padding-bottom:11px;margin-bottom:11px}.mo-reply-head b{color:#19b77e;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.mo-reply-head span{color:#98a2b3;font-size:10px;text-transform:uppercase}.mo-reply-box p{margin:0;color:#1f2937;font-size:14px;line-height:1.45;font-weight:800}.mo-foot{display:flex;justify-content:space-between;gap:10px;color:#9aa4b5;font-size:11px;text-transform:uppercase;margin:15px 0}.mo-close-btn{width:100%;border:0;background:#e7ebf2;border-radius:16px;height:48px;text-transform:uppercase;letter-spacing:.16em;font-weight:1000;color:#1f2937;}
}

/* === FINAL POLISH: DESKTOP/MOBILE ORDERS + SERVICES ALIGNMENT === */
@media(min-width:901px){
  .mobile-only-clean{display:none!important;}
  .orders-pro-page{max-width:none;margin:0 auto;padding:0 0 30px;color:#f7faff;}
  .orders-pro-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 22px;}
  .section-kicker{display:block;letter-spacing:.38em;color:#8d99ad;font-size:11px;font-weight:900;margin-bottom:6px;}
  .orders-pro-head h1{margin:0;display:flex;align-items:center;gap:12px;font-size:30px;letter-spacing:-.03em;color:#fff;}
  .orders-pro-head h1 i{color:#2f7df6;font-size:27px;}
  .orders-refresh{display:flex;gap:8px}.orders-refresh button{height:44px;border-radius:10px;border:1px solid #334156;background:#202b3b;color:#dce7fb;padding:0 16px;font-weight:850;}
  .orders-filter-card{background:#151e2d;border:1px solid #2c394e;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 12px 36px rgba(0,0,0,.08);}
  .orders-search-full{height:46px;border-radius:9px;background:#344153;border:1px solid #536070;display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:13px;color:#aeb9ca;}
  .orders-search-full input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:14px}.orders-search-full input::placeholder{color:#9aa7b8;}
  .orders-filter-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.orders-filter-row select{height:46px;border-radius:9px;border:1px solid #536070;background:#344153;color:#fff;padding:0 14px;font-weight:750;}
  .orders-tabs{display:flex;gap:8px}.orders-tabs button{height:44px;border:0;border-radius:10px;padding:0 16px;background:#354153;color:#d6def0;font-weight:850}.orders-tabs button.active{background:#2e6cf5;color:#fff;}
  .orders-table-card{background:#111927;border:1px solid #253246;border-radius:14px;overflow:hidden;}
  .orders-pro-table{width:100%;border-collapse:collapse;table-layout:fixed;}
  .orders-pro-table th{height:45px;background:#172231;color:#8e9aad;text-transform:uppercase;font-size:11px;letter-spacing:.04em;text-align:left;padding:0 18px;font-weight:950;}
  .orders-pro-table td{height:69px;border-top:1px solid #222d3f;padding:0 18px;color:#f4f7ff;vertical-align:middle;}
  .orders-pro-table tr{cursor:pointer;transition:.14s ease}.orders-pro-table tbody tr:hover{background:#151f30;}
  .orders-pro-table th:nth-child(1),.orders-pro-table td:nth-child(1){width:90px}.orders-pro-table th:nth-child(3),.orders-pro-table td:nth-child(3){width:140px}.orders-pro-table th:nth-child(4),.orders-pro-table td:nth-child(4){width:180px}.orders-pro-table th:nth-child(5),.orders-pro-table td:nth-child(5){width:180px}
  .order-id-link{color:#4f93ff;font-size:16px}.op-service b{display:block;font-size:15px;color:#fff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-service small{display:block;margin-top:4px;color:#7f8a9e;font-size:11px;font-weight:800;text-transform:uppercase;}.orders-pro-table strong{font-size:15px}.order-date{color:#8f9bad;font-size:13px}.order-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:105px;height:24px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.order-status-pill.success{background:#0d3c31;color:#65f4a9}.order-status-pill.pending{background:#4a5363;color:#fff}.order-status-pill.bad{background:#562a38;color:#ff9aa8}.order-status-pill.warn{background:#534322;color:#ffd066}
  .orders-empty-pro{min-height:190px;display:grid;place-items:center;text-align:center}.orders-empty-pro i{font-size:34px;color:#96a4bb}.orders-empty-pro p{color:#a7b6cf}
  .order-detail-modal{position:fixed;inset:0;z-index:4000;display:none}.order-detail-modal.show{display:block}.od-backdrop{position:absolute;inset:0;background:rgba(1,5,13,.72);backdrop-filter:blur(9px)}.od-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:690px;max-width:calc(100vw - 48px);max-height:88vh;overflow:auto;background:#11131b;border:1px solid #2b3041;border-radius:16px;color:#fff;padding:30px;box-shadow:0 30px 110px rgba(0,0,0,.55)}.od-x{position:absolute;right:18px;top:18px;width:30px;height:30px;border:0;border-radius:50%;background:#070a10;color:#9da6b7;font-size:22px}.od-title{display:flex;align-items:center;gap:15px;margin-bottom:26px}.od-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6e57ff,#8e42ff);display:grid;place-items:center}.od-title h2{font-size:19px;margin:0;color:#fff}.od-title p{margin:4px 0 0;color:#909bad;font-weight:900;font-size:12px}.od-service,.od-data,.od-reply{border:1px solid #303545;background:#191b24;border-radius:14px;padding:20px;margin-bottom:20px}.od-service{text-align:center}.od-service span,.od-data>span{display:block;text-transform:uppercase;letter-spacing:.16em;color:#8e94a4;font-size:11px;font-weight:1000;margin-bottom:10px}.od-service b{font-size:17px}.od-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.od-stat{height:76px;border:1px solid #154d42;background:#0e302c;border-radius:14px;display:grid;place-items:center;text-align:center}.od-stat span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:1000;color:#24c48d}.od-stat b{font-size:15px;color:#28dc98}.od-stat.purple{border-color:#36305c;background:#191735}.od-stat.purple span,.od-stat.purple b{color:#786bff}.od-data div{display:flex;align-items:center;justify-content:space-between}.od-data b{color:#a7afbd}.od-data em{font-style:normal;background:#252450;border:1px solid #554de9;color:#8b83ff;border-radius:9px;padding:8px 13px;font-weight:900}.od-reply{border-color:#0c523d;background:#071d1a}.od-reply div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3d36;padding-bottom:13px;margin-bottom:13px}.od-reply b{color:#18ca90;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.od-reply span{color:#99a3b3;text-transform:uppercase;font-size:10px;font-weight:900}.od-reply p{margin:0;color:#eaf3f1;font-weight:800;line-height:1.5}.od-footer{display:flex;justify-content:space-between;color:#9ba5b5;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900;margin:18px 0}.od-close{width:100%;height:40px;border:0;border-radius:10px;background:#272a31;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:1000}.modal-open{overflow:hidden!important;}

  /* services desktop exact neat */
  .services-page{max-width:none!important;margin:0!important;padding:0!important}.services-search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin:0 0 34px!important}.services-search input,.services-search select{height:48px!important;border-radius:11px!important;background:#121a2d!important;border:1px solid #2b3650!important;color:#dce8ff!important;padding:0 18px!important}.services-table-wrap{display:block!important;overflow:hidden!important;border-radius:0!important;background:transparent!important}.services-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}.services-table th{height:48px!important;color:#fff!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.02em!important;text-align:left!important;padding:0 18px!important;border-bottom:1px solid #2b3650!important}.svc-group-row td{padding:0!important;border:0!important}.svc-group-row div{height:56px!important;margin:0!important;border-radius:0!important;background:#5b54f1!important;display:flex!important;align-items:center!important;padding:0 18px!important;color:#fff!important}.grp-ico{width:30px!important;height:30px!important;border-radius:8px!important;background:rgba(255,255,255,.18)!important;display:grid!important;place-items:center!important;margin-right:14px!important}.svc-group-row b{font-size:16px!important}.svc-group-row em{margin-left:auto!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;padding:7px 13px!important;font-style:normal!important;font-size:12px!important;font-weight:900!important}.svc-row{height:54px!important;background:#11192b!important}.svc-row td{border-bottom:1px solid #2b3650!important;padding:0 18px!important;vertical-align:middle!important}.svc-num{width:44px!important;color:#bfd0ed!important}.star{font-size:20px!important;color:#9ebbe1!important;margin-right:18px!important}.svc-title{font-size:14px!important;color:#fff!important;font-weight:900!important}.svc-pill{margin-left:12px!important;background:#c9fbff!important;color:#07525d!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:1000!important}.svc-name small{display:block!important;margin-left:44px!important;margin-top:3px!important;color:#9fb0cb!important;font-size:12px!important}.svc-delivery{color:#b8c9e8!important;font-size:12px!important}.svc-price{color:#1287ff!important;font-size:14px!important;font-weight:1000!important}.order-small{border-radius:7px!important;padding:9px 16px!important;float:right!important;}
}

@media(max-width:900px){
  .orders-pro-page{padding:2px 0 86px!important;color:#fff;}.section-kicker{display:none!important}.orders-pro-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px!important}.orders-pro-head h1{font-size:21px!important;margin:0!important;display:flex;gap:8px;align-items:center}.orders-pro-head h1 i{color:#3482ff}.orders-refresh{display:flex;gap:7px}.orders-refresh button{height:36px;border:1px solid #2b3650;background:#121a2d;color:#dce7ff;border-radius:10px;padding:0 11px;font-size:12px}.orders-filter-card{background:#11192b;border:1px solid #2b3650;border-radius:16px;padding:10px;margin:0 0 12px}.orders-search-full{height:40px;border:1px solid #2b3650;background:#0d1424;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:9px;color:#8fa0bd}.orders-search-full input{flex:1;border:0;background:transparent;outline:0;color:#fff;font-size:12px}.orders-filter-row{display:block}.orders-filter-row select{width:100%;height:40px;border:1px solid #2b3650;background:#0d1424;color:#fff;border-radius:12px;padding:0 12px;font-size:12px;margin-bottom:9px}.orders-tabs{display:flex;gap:6px;overflow:auto}.orders-tabs button{border:0;border-radius:10px;background:#1a2438;color:#b5c2d8;font-weight:850;font-size:11px;padding:8px 10px;white-space:nowrap}.orders-tabs button.active{background:#2f6ff6;color:#fff}.orders-table-card{display:none!important}.mobile-only-clean{display:flex!important;flex-direction:column;gap:10px!important}.order-mobile-card{width:100%;border:1px solid #2b3650!important;background:#11192b!important;border-radius:16px!important;min-height:88px!important;padding:12px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:9px!important;text-align:left;color:#fff!important}.om-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.om-main small{color:#4a91ff!important;font-size:12px!important;font-weight:900}.om-main b{font-size:13px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff!important}.om-main strong{font-size:14px!important;color:#fff}.om-right{display:flex;flex-direction:column;align-items:flex-end;gap:11px;min-width:82px}.om-status{font-size:10px!important;line-height:1.15!important;border-radius:999px!important;padding:7px 9px!important;font-style:normal!important;font-weight:900!important;text-align:center}.om-status.success{background:#d9ffe9!important;color:#13935b!important}.om-status.pending{background:#fff4d2!important;color:#976700!important}.om-status.bad{background:#ffdce5!important;color:#bd2443!important}.om-right i{font-size:11px!important;color:#91a0b9!important;font-style:normal!important}.order-detail-modal{position:fixed;inset:0;z-index:4000;display:none}.order-detail-modal.show{display:block}.od-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.od-window{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);max-height:86vh;overflow:auto;background:#f8fafc;color:#0b1220;border-radius:24px;padding:18px;box-shadow:0 22px 80px rgba(0,0,0,.45)}.od-x{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#eef1f5;color:#98a2b3;font-size:23px}.od-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.od-icon{width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#7c5cff,#8f2bff);color:#fff;display:grid;place-items:center;font-size:21px}.od-title h2{font-size:21px!important;margin:0;color:#0b1220}.od-title p{margin:4px 0 0;color:#8b94a7;font-weight:900}.od-service,.od-data,.od-reply{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:16px;margin:11px 0;box-shadow:0 8px 22px rgba(16,24,40,.05)}.od-service{text-align:center}.od-service span,.od-data>span{display:block;color:#a0a8ba;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:1000;margin-bottom:8px}.od-service b{font-size:14px;color:#0b1220}.od-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.od-stat{border:1px solid #dbeee7;background:#effdf6;border-radius:16px;padding:14px;text-align:center}.od-stat span{display:block;color:#37bd88;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:1000}.od-stat b{display:block;margin-top:7px;color:#24b879;font-size:15px}.od-stat.purple{background:#f7f7ff;border-color:#e1e3ff}.od-stat.purple span,.od-stat.purple b{color:#6255d8}.od-data div{display:flex;align-items:center;justify-content:space-between}.od-data b{color:#687285}.od-data em{font-style:normal;background:#f0f2ff;color:#6255d8;border-radius:12px;padding:8px 12px;font-weight:900}.od-reply{border-color:#c9f7e4;background:#f5fffb}.od-reply div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dcefe8;padding-bottom:10px;margin-bottom:10px}.od-reply b{color:#19b77e;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.od-reply span{color:#98a2b3;font-size:9px;text-transform:uppercase}.od-reply p{margin:0;color:#1f2937;font-size:13px;line-height:1.4;font-weight:800}.od-footer{display:flex;justify-content:space-between;gap:8px;color:#9aa4b5;font-size:10px;text-transform:uppercase;margin:13px 0}.od-close{width:100%;height:45px;border:0;background:#e7ebf2;border-radius:14px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:1000;color:#1f2937}
}

/* === FINAL THEME READABILITY FIX 2026-05-21 === */
@media(max-width:900px){
  /* dark mode mobile order cards: no white cards, all text visible */
  body:not(.light) .order-mobile-card,
  body:not(.light) .orders-mobile-list .order-mobile-card{
    background:linear-gradient(180deg,#121b2f,#0d1526)!important;
    border:1px solid #2b3855!important;
    color:#f7fbff!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    opacity:1!important;
    filter:none!important;
  }
  body:not(.light) .order-mobile-card *,
  body:not(.light) .orders-mobile-list .order-mobile-card *{
    color:inherit;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  body:not(.light) .order-mobile-card .om-main small{color:#4c95ff!important;}
  body:not(.light) .order-mobile-card .om-main b,
  body:not(.light) .order-mobile-card .om-main strong{color:#fff!important;}
  body:not(.light) .order-mobile-card .om-right i{color:#9daccc!important;}
  body:not(.light) .order-mobile-card .om-status.success{background:#123d2d!important;color:#5ff0a8!important;border:1px solid #1d694a!important;}
  body:not(.light) .order-mobile-card .om-status.pending{background:#4a3510!important;color:#ffd56a!important;border:1px solid #775113!important;}
  body:not(.light) .order-mobile-card .om-status.bad{background:#4a1620!important;color:#ff8094!important;border:1px solid #783143!important;}

  /* light mode mobile order cards: white cards with dark readable text */
  body.light .order-mobile-card{
    background:#fff!important;
    border:1px solid #e1e7f0!important;
    color:#111827!important;
    box-shadow:0 12px 28px rgba(20,33,61,.10)!important;
  }
  body.light .order-mobile-card .om-main b,
  body.light .order-mobile-card .om-main strong{color:#111827!important;}
  body.light .order-mobile-card .om-main small{color:#2876e8!important;}
  body.light .order-mobile-card .om-right i{color:#7a8496!important;}

  /* drawer should not put text over icon */
  .mobile-drawer:before{
    content:'LegendUnlocker.ru'!important;
    display:flex!important;
    align-items:center!important;
    padding-left:84px!important;
    padding-right:44px!important;
    font-size:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-drawer:after{left:28px!important;}
  .mobile-drawer .md-head b{visibility:hidden!important;}

  /* services filters and All groups readable */
  .searchbar select,
  .services-search select,
  select#groupFilter,
  .input, select, textarea{
    color:#f8fbff!important;
    background:#0f182b!important;
    border-color:#2d3a57!important;
  }
  .searchbar select option,
  .services-search select option,
  select option{background:#11192b!important;color:#fff!important;}
  body.light .searchbar select,
  body.light .services-search select,
  body.light select#groupFilter,
  body.light .input, body.light select, body.light textarea{
    color:#111827!important;background:#fff!important;border-color:#dce5f2!important;
  }

  /* services cards stable dark readable */
  body:not(.light) .service,
  body:not(.light) .svc-mobile-card{
    background:#11192b!important;border-color:#2b3650!important;color:#fff!important;
  }
  body:not(.light) .service h3,
  body:not(.light) .service b,
  body:not(.light) .svc-mobile-card h3{color:#fff!important;}
  body:not(.light) .meta,
  body:not(.light) .service small{color:#aab8d2!important;}

  /* mobile page spacing */
  .orders-pro-page,.services-page{max-width:100%!important;overflow:hidden!important;}
  .orders-filter-card,.order-mobile-card,.service{box-sizing:border-box!important;}
}

/* desktop light theme readability */
@media(min-width:901px){
  body.light,
  body.light .desktop-app,
  body.light .desktop-main{background:#eef3fb!important;color:#111827!important;}
  body.light .desktop-side,
  body.light .desktop-topbar,
  body.light .orders-filter-card,
  body.light .orders-table-card,
  body.light .panel,
  body.light .stat,
  body.light .service{
    background:#fff!important;color:#111827!important;border-color:#d9e3f0!important;
  }
  body.light .orders-pro-page,
  body.light .orders-pro-head,
  body.light .orders-pro-head h1,
  body.light .section-kicker,
  body.light .orders-pro-table,
  body.light .orders-pro-table td,
  body.light .orders-pro-table th,
  body.light .op-service b,
  body.light .table td,
  body.light .table th,
  body.light .svc-title,
  body.light .service h3{
    color:#111827!important;
  }
  body.light .op-service small,
  body.light .order-date,
  body.light .meta,
  body.light .table small,
  body.light .svc-name small{color:#64748b!important;}
  body.light .orders-pro-table tr,
  body.light .svc-row{background:#fff!important;border-color:#e5edf7!important;}
  body.light .orders-pro-table tr:hover,
  body.light .svc-row:hover{background:#f7faff!important;}
  body.light .orders-search-full,
  body.light .orders-filter-row select,
  body.light .orders-refresh button,
  body.light .dt-icon{
    background:#f8fbff!important;border-color:#dce5f2!important;color:#111827!important;
  }
  body.light .orders-search-full input{color:#111827!important;}
  body.light .orders-tabs button{background:#eef3fb!important;color:#41516b!important;}
  body.light .orders-tabs button.active{background:#2f6ff6!important;color:#fff!important;}
  body.light .od-window{background:#fff!important;color:#111827!important;border-color:#dfe6f1!important;}
  body.light .od-service,body.light .od-data{background:#fff!important;color:#111827!important;border-color:#e5edf7!important;}
  body.light .od-reply{background:#f5fffb!important;color:#111827!important;}
}

/* === Brand grouped services like reference screenshot === */
.services-table{border-spacing:0!important;border-collapse:separate!important;background:transparent!important;}
.services-table th{height:46px!important;color:#5d6f89!important;background:transparent!important;font-weight:1000!important;padding:0 18px!important;}
.svc-group-row div{height:55px!important;margin-top:0!important;background:#6866f4!important;border-radius:0!important;box-shadow:none!important;}
.svc-group-row+.svc-row td{border-top:0!important;}
.svc-row{height:48px!important;background:var(--svc-row-bg,#fff)!important;color:var(--svc-row-text,#0f172a)!important;}
body:not(.light) .svc-row{--svc-row-bg:#11192b;--svc-row-text:#fff;}
body.light .svc-row{--svc-row-bg:#fff;--svc-row-text:#0f172a;}
.svc-row td{padding:0 18px!important;border-bottom:1px solid var(--svc-border,#dce5f1)!important;}
body:not(.light) .svc-row td{--svc-border:#2b3650;}
.svc-title{color:var(--svc-row-text,#0f172a)!important;font-size:14px!important;font-weight:900!important;}
body.light .svc-num,body.light .svc-delivery{color:#52637c!important;}
body.light .star{color:#8ca2c2!important;}
body.light .services-search input,body.light .services-search select{background:#fff!important;color:#152033!important;border:1px solid #d8e1ee!important;}
body.light .services-page{background:#eef3fb!important;}
body.light .desktop-main{background:#eef3fb!important;}
.order-small{min-width:74px!important;text-align:center!important;}

/* Admin groups */
.admin-group-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px;}
.admin-group-chips form{display:flex;align-items:center;gap:9px;border:1px solid #2b3650;background:#11192b;border-radius:999px;padding:7px 9px 7px 13px;}
.admin-group-chips span{display:flex;align-items:center;gap:8px;color:#fff;font-weight:900;}
.admin-group-chips small{font-size:10px;color:#8eeaff;background:#1b2b3e;padding:3px 7px;border-radius:999px;}
.admin-group-chips button{border:0;background:#ff5068;color:#fff;border-radius:50%;width:22px;height:22px;font-weight:900;}
.admin-services-table .mini{width:58px!important;display:inline-block!important;}
.admin-services-table select,.admin-services-table input{min-width:90px;}
body.light .admin-group-chips form{background:#fff;border-color:#dbe4ef;}body.light .admin-group-chips span{color:#172033;}

@media(max-width:900px){
  .mobile-svc-head{background:linear-gradient(135deg,#695eff,#20a9ff)!important;border-radius:16px!important;height:52px!important;}
  .mobile-svc-card{background:#11192b!important;color:#fff!important;border-color:#2c3854!important;}
  body.light .mobile-svc-card{background:#fff!important;color:#0f172a!important;border-color:#dbe4ef!important;}
  body.light .mobile-svc-card h3{color:#0f172a!important;}body.light .mobile-svc-card p{color:#5f6e84!important;}
  body.light .services-search .input,body.light .services-search select{background:#fff!important;color:#172033!important;border-color:#d8e1ee!important;}
  body:not(.light) .services-search select option{background:#11192b;color:#fff;}
}

/* ===== Admin Design Settings integration ===== */
:root{--lu-primary:#6d5dfc;--lu-accent:#00e5ff}
.top .nav a[href="design.php"]{background:linear-gradient(135deg,var(--lu-primary),var(--lu-accent));color:#fff!important;border-radius:12px;font-weight:900}
.theme-light input,.theme-light select,.theme-light textarea{background:#fff!important;color:#111827!important;border-color:#dbe4ef!important}

/* === PRO FEATURE PACK: Dark Neon UI / Apple tables / Live orders / PWA / Languages === */
:root{--neon1:#6c5cff;--neon2:#00d4ff;--glass:rgba(18,26,45,.72)}
body{background:radial-gradient(circle at 12% 8%,rgba(108,92,255,.22),transparent 28%),radial-gradient(circle at 88% 14%,rgba(0,212,255,.12),transparent 32%),linear-gradient(180deg,#0b1222,#111a2d 48%,#0b1222)!important;}
.panel,.stat,.service,.loginbox,.api-card{background:linear-gradient(180deg,rgba(20,30,52,.88),rgba(13,20,36,.78))!important;backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;}
.desktop-side{background:linear-gradient(180deg,#081020,#111b31)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:20px 0 70px rgba(0,0,0,.28)!important}.desktop-side a{position:relative;overflow:hidden}.desktop-side a.active,.desktop-side a:hover{background:linear-gradient(135deg,var(--neon1),#8a7bff)!important;box-shadow:0 14px 34px rgba(108,92,255,.35)!important}.desktop-side a.active:after,.desktop-side a:hover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(80%);animation:shine 1.8s infinite}@keyframes shine{to{transform:translateX(-120%)}}
.neon-stat{position:relative;overflow:hidden}.neon-stat:before{content:'';position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(108,92,255,.5),transparent,rgba(0,212,255,.22));opacity:.45;z-index:-1;filter:blur(16px)}
.apple-table-card{border-radius:24px!important;overflow:hidden}.apple-table{border-collapse:separate!important;border-spacing:0!important}.apple-table th{background:rgba(255,255,255,.04);font-size:11px;letter-spacing:.08em;color:#c9d6f3}.apple-table td{background:rgba(255,255,255,.018);transition:.2s}.apple-table tr:hover td{background:rgba(108,92,255,.10)}
.status-dot{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:capitalize}.status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.status-dot.completed{background:rgba(35,210,124,.12);color:#44e28f}.status-dot.processing{background:rgba(255,184,76,.12);color:#ffc15d}.status-dot.rejected,.status-dot.refunded{background:rgba(255,79,109,.12);color:#ff6580}
.live-orders-box{padding:16px;display:grid;gap:12px}.live-orders-box.big{padding:22px}.live-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);animation:liveIn .35s ease}.live-row b{display:block}.live-row small{display:block;color:#9fb0ce;margin-top:5px}.live-row strong{color:#fff}.live-empty{padding:16px;color:#9fb0ce;text-align:center}.live-tools{padding:15px 22px;color:#9fb0ce;border-bottom:1px solid rgba(255,255,255,.06)}.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#44e28f;box-shadow:0 0 0 rgba(68,226,143,.7);animation:pulse 1.3s infinite;margin-right:8px}@keyframes pulse{70%{box-shadow:0 0 0 13px rgba(68,226,143,0)}}@keyframes liveIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.lang-form select{width:auto;min-width:94px;padding:10px 12px;border-radius:14px;background:#141d32;border:1px solid #2b3855;color:#fff;font-weight:900}.dt-install{border:0;border-radius:999px;padding:11px 15px;background:linear-gradient(135deg,#15c785,#00a3ff);color:#fff;font-weight:900;align-items:center;gap:8px;cursor:pointer}.dt-install:before{content:'⬇'}
html[dir="rtl"] body{font-family:Inter,Arial,sans-serif}.light .panel,.light .stat,.light .service{background:#fff!important;color:#111827!important}.light .apple-table td{background:#fff}.light .status-dot.processing{background:#fff5dc;color:#9b6200}
@media(max-width:900px){.live-row{grid-template-columns:1fr;gap:8px}.live-row strong{justify-self:start}.lang-form select{height:40px;min-width:82px;font-size:12px}.grid4.pro-stats{gap:12px}.desktop-topbar .lang-form,.video-actions .lang-form{display:inline-block}.panel,.stat{border-radius:20px!important}.apple-table-card{overflow:auto}.apple-table{min-width:680px}.dt-install{display:none!important}}

/* === Admin PRO Organized Panel === */
.admin-pro-body{margin:0;background:#07101f;color:#eaf1ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}.admin-pro-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(45,212,191,.22),transparent 30%),radial-gradient(circle at top right,rgba(99,102,241,.2),transparent 25%),#07101f}.admin-pro-sidebar{width:292px;position:fixed;inset:0 auto 0 0;background:rgba(8,15,30,.92);backdrop-filter:blur(22px);border-right:1px solid rgba(255,255,255,.1);padding:18px;overflow:auto;z-index:20}.admin-pro-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-pro-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 15px 45px rgba(34,211,238,.25)}.admin-pro-brand b{display:block;font-size:16px}.admin-pro-brand span,.admin-pro-user span,.admin-pro-topbar span{color:#8ea0bf;font-size:12px}.admin-pro-user{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px;margin:12px 0 14px}.admin-pro-avatar{width:42px;height:42px;border-radius:14px;background:rgba(34,211,238,.13);display:grid;place-items:center;color:#67e8f9}.admin-pro-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;margin-bottom:12px}.admin-pro-search input{width:100%;border:0;background:transparent;outline:0;color:#fff}.admin-pro-search input::placeholder{color:#8ea0bf}.admin-pro-group{margin:16px 0}.admin-pro-group>span{display:block;color:#6ee7ff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 8px 10px}.admin-pro-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#cbd7ee;padding:12px 12px;border-radius:14px;margin:4px 0;transition:.18s;border:1px solid transparent}.admin-pro-nav a i{width:20px;text-align:center;color:#8ddcff}.admin-pro-nav a b{font-size:14px;font-weight:700}.admin-pro-nav a em{margin-left:auto;background:#ef4444;color:#fff;font-style:normal;font-size:11px;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 6px}.admin-pro-nav a:hover,.admin-pro-nav a.active{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.14));border-color:rgba(103,232,249,.18);color:white;transform:translateX(3px)}.admin-pro-main{margin-left:292px;flex:1;min-width:0}.admin-pro-topbar{height:78px;position:sticky;top:0;z-index:10;background:rgba(7,16,31,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.admin-pro-topbar h1{margin:2px 0 0;font-size:24px}.admin-pro-menu-btn{display:none;background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:42px;height:42px}.admin-pro-top-actions{display:flex;align-items:center;gap:10px}.admin-pro-pill,.admin-pro-icon{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#eaf1ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:11px 14px}.admin-pro-icon{width:42px;height:42px;justify-content:center;padding:0}.admin-pro-content{padding:26px}.admin-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:20px}.admin-hero-card,.admin-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:22px;overflow:hidden}.admin-hero-card{position:relative;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.13)),rgba(255,255,255,.07)}.admin-hero-card h2{font-size:32px;margin:0 0 8px}.admin-hero-card p{color:#a9b7d0;margin:0 0 18px}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:14px;padding:12px 14px;font-weight:800}.admin-btn.primary{background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 15px 35px rgba(124,58,237,.22)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-stat-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:18px;display:flex;gap:14px;align-items:center}.admin-stat-card i{width:48px;height:48px;border-radius:16px;background:rgba(34,211,238,.13);display:grid;place-items:center;color:#67e8f9;font-size:20px}.admin-stat-card h3{margin:0;font-size:26px}.admin-stat-card span{color:#9fb0cb;font-size:13px}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-link-tile{display:flex;align-items:center;gap:12px;text-decoration:none;color:#eaf1ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px}.admin-link-tile i{width:36px;height:36px;border-radius:12px;background:rgba(139,92,246,.14);display:grid;place-items:center;color:#c4b5fd}.admin-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.09)}.admin-pro-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04)}.admin-pro-table th,.admin-pro-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.admin-pro-table th{color:#8ddcff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-pro-table tr:hover td{background:rgba(255,255,255,.045)}.admin-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.admin-section-title h2{margin:0;font-size:19px}.admin-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.admin-filterbar input,.admin-filterbar select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;padding:11px 12px;outline:none}.admin-profit-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-profit-card{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.1));border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px}.admin-profit-card span{color:#9fb0cb;font-size:13px}.admin-profit-card h3{margin:8px 0 0;font-size:28px}.admin-chart-box{height:340px}.admin-empty{padding:30px;text-align:center;color:#9fb0cb}.light .admin-pro-body,.admin-pro-body.light{background:#f4f7fb;color:#102033}.light .admin-pro-sidebar,.light .admin-pro-topbar{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.1)}.light .admin-pro-nav a,.light .admin-pro-pill,.light .admin-pro-icon,.light .admin-btn,.light .admin-link-tile{color:#102033}.light .admin-hero-card,.light .admin-card,.light .admin-stat-card,.light .admin-profit-card{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.1);box-shadow:0 18px 60px rgba(15,23,42,.08)}@media(max-width:1050px){.admin-pro-sidebar{transform:translateX(-105%);transition:.22s}.admin-menu-open .admin-pro-sidebar{transform:none}.admin-pro-backdrop{display:none}.admin-menu-open .admin-pro-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:15}.admin-pro-main{margin-left:0}.admin-pro-menu-btn{display:grid;place-items:center}.admin-pro-topbar{padding:0 14px}.admin-pro-content{padding:16px}.admin-hero,.admin-grid-2{grid-template-columns:1fr}.admin-stat-grid,.admin-profit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-link-grid{grid-template-columns:1fr}.admin-pro-pill{display:none}}@media(max-width:600px){.admin-stat-grid,.admin-profit-cards{grid-template-columns:1fr}.admin-hero-card h2{font-size:25px}.admin-pro-topbar h1{font-size:18px}.admin-chart-box{height:260px}.admin-pro-table th,.admin-pro-table td{padding:11px 10px;font-size:13px}}

/* ===== PRO SUITE: iPhone app UI, bottom nav, fullscreen cards, floating buttons ===== */
.fullscreen-card{
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
    backdrop-filter:blur(24px);
    box-shadow:0 24px 80px rgba(0,0,0,.34);
}
.iphone-bottom-nav{
    display:none;
    position:fixed;
    left:14px;
    right:14px;
    bottom:12px;
    z-index:999;
    height:72px;
    border-radius:28px;
    background:rgba(13,18,34,.82);
    border:1px solid rgba(255,255,255,.13);
    backdrop-filter:blur(24px);
    box-shadow:0 22px 80px rgba(0,0,0,.55);
    align-items:center;
    justify-content:space-around;
}
.iphone-bottom-nav a{
    min-width:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    color:#9fb0ce;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}
.iphone-bottom-nav a i{font-size:19px}
.iphone-bottom-nav a.active{color:#fff}
.iphone-bottom-nav .center-plus{
    width:62px;
    height:62px;
    border-radius:24px;
    margin-top:-34px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#6e7bff,#00e5ff);
    color:#fff;
    box-shadow:0 14px 42px rgba(87,110,255,.55);
}
.iphone-bottom-nav .center-plus i{font-size:22px}
.api-error-box{
    width:100%;
    margin:20px auto;
    padding:22px;
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.12);
    text-align:center;
    box-shadow:0 16px 50px rgba(0,0,0,.35);
}
.floating-pro-action{
    position:fixed;
    right:22px;
    bottom:100px;
    width:58px;
    height:58px;
    border-radius:21px;
    background:linear-gradient(135deg,#20d88f,#00e5ff);
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 18px 55px rgba(0,229,255,.35);
    z-index:998;
}
.panel,.stat,.service{transition:transform .25s ease, box-shadow .25s ease}
.panel:hover,.stat:hover,.service:hover{transform:translateY(-2px)}
.status-dot{padding:6px 10px;border-radius:999px;font-weight:900;background:rgba(255,255,255,.1)}
.status-dot.completed,.status-dot.success{background:rgba(37,217,131,.18);color:#48f3a2}
.status-dot.processing,.status-dot.pending{background:rgba(255,193,7,.16);color:#ffd166}
.status-dot.rejected,.status-dot.failed{background:rgba(255,72,110,.16);color:#ff7592}
body.light{--bg:#f4f7fb;--side:#fff;--card:#ffffff;--line:#dce4f2;--text:#0c1526;--muted:#5d6b82}
body.light .iphone-bottom-nav{background:rgba(255,255,255,.85);border-color:rgba(15,23,42,.1)}
@media(max-width:850px){
    body{padding-bottom:100px}
    .iphone-bottom-nav{display:flex}
    .wrap{padding-left:14px!important;padding-right:14px!important}
    .panel,.stat,.service,.loginbox{border-radius:26px}
    .grid4,.pro-stats{grid-template-columns:1fr!important;gap:14px!important}
    .panel{margin-top:16px}
    .table{min-width:760px}
}


/* ===== PWA ONLY MODE FIX ===== */
/* In normal browser: keep old/classic mobile browser view, no iPhone app bottom nav */
html:not(.pwa-app-mode) .iphone-bottom-nav{
    display:none !important;
}
html:not(.pwa-app-mode) .fullscreen-card{
    border-radius:18px;
}

/* Installed app mode only: show iPhone style UI */
html.pwa-app-mode body{
    padding-bottom:100px;
}
html.pwa-app-mode .iphone-bottom-nav{
    display:flex !important;
}
html.pwa-app-mode .panel,
html.pwa-app-mode .stat,
html.pwa-app-mode .service,
html.pwa-app-mode .loginbox{
    border-radius:26px;
}
html.pwa-app-mode .fullscreen-card{
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
    backdrop-filter:blur(24px);
    box-shadow:0 24px 80px rgba(0,0,0,.34);
}
@media(max-width:850px){
  html:not(.pwa-app-mode) body{
    padding-bottom:0 !important;
  }
  html:not(.pwa-app-mode) .iphone-bottom-nav{
    display:none !important;
  }
}


/* ===== DESKTOP FIX: hide iPhone bottom nav on computer ===== */
@media(min-width:851px){
    .iphone-bottom-nav{
        display:none !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }
}


/* ===== FINAL PHP/CSS FIX: remove Home Orders Bot Me + align desktop cards ===== */
.iphone-bottom-nav,
.iphone-bottom-nav *{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}

/* Dashboard stat cards alignment */
.grid4.pro-stats,
.pro-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:26px !important;
    align-items:stretch !important;
}

.pro-stats .stat,
.grid4 .stat{
    min-height:116px !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    padding:26px 28px !important;
}

.pro-stats .stat .ico,
.grid4 .stat .ico{
    flex:0 0 58px !important;
    width:58px !important;
    height:58px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
}

.pro-stats .stat > div:last-child,
.grid4 .stat > div:last-child{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    min-height:58px !important;
    line-height:1.15 !important;
}

.pro-stats .stat h2,
.grid4 .stat h2{
    margin:0 0 8px 0 !important;
    line-height:1 !important;
}

.pro-stats .stat p,
.grid4 .stat p{
    margin:0 0 6px 0 !important;
    line-height:1.15 !important;
}

.pro-stats .stat a,
.grid4 .stat a{
    display:inline-block !important;
    margin:0 !important;
    line-height:1.15 !important;
}

/* Desktop 2 cards per row fix if only two cards are visible/wide */
@media(min-width:851px){
    .grid4.pro-stats{
        grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
    }
}

/* Mobile normal browser keeps old layout, no app bottom nav */
@media(max-width:850px){
    .grid4.pro-stats,
    .pro-stats{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
}


/* ==========================================================
   LEGENDUNLOCKER CLEAN MOBILE + APP REDESIGN
   Desktop untouched. Mobile browser + installed app both clean.
   ========================================================== */

.iphone-bottom-nav,
.iphone-bottom-nav *{
  display:none !important;
}

/* hide broken old mobile drawer fragments if any old CSS remains */
.md-head,.md-logo,.md-brand-card,.md-user-card,.exact-top-card,.exact-user-card,
.clean-brand,.clean-user,.mp-header,.mp-account,.photo-style-drawer,.exact-drawer,
.clean-final-drawer,.mobile-pro-drawer{
  /* only when these elements are not part of current markup; safe fallback */
}

@media(max-width:850px){

  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#060b16 !important;
  }

  body{
    padding:0 !important;
    color:#f7f9ff !important;
    font-size:14px !important;
    background:
      radial-gradient(circle at 50% -10%,rgba(98,83,255,.22),transparent 34%),
      linear-gradient(180deg,#081020 0%,#050a14 100%) !important;
  }

  .classic-topbar,
  .desktop-side,
  .mobile-topbar{
    display:none !important;
  }

  .desktop-app,
  .desktop-main{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
  }

  .video-mobile-appbar,
  .desktop-topbar{
    position:sticky !important;
    top:0 !important;
    z-index:900 !important;
    height:64px !important;
    min-height:64px !important;
    padding:9px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    background:rgba(8,13,28,.88) !important;
    backdrop-filter:blur(18px) !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 !important;
    box-shadow:0 10px 35px rgba(0,0,0,.25) !important;
  }

  .video-menu-btn,
  .mobile-menu-btn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:15px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#6753ff,#8b74ff) !important;
    box-shadow:0 12px 30px rgba(103,83,255,.35) !important;
  }

  .video-title,
  .dt-title{
    flex:1 !important;
    min-width:0 !important;
    padding:0 4px !important;
  }

  .video-title span,
  .dt-title span{
    display:block !important;
    color:#9aa8c7 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
  }

  .video-title b,
  .dt-title b{
    display:block !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    max-width:150px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }

  .video-actions,
  .dt-actions{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex:0 0 auto !important;
  }

  .video-actions .lang-form,
  .dt-actions .lang-form{
    display:none !important;
  }

  .video-icon,
  .dt-icon,
  .theme-switch{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    color:#dce6ff !important;
  }

  .video-balance,
  .dt-balance{
    height:38px !important;
    padding:0 10px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    color:#20f09a !important;
    background:rgba(32,240,154,.10) !important;
    border:1px solid rgba(32,240,154,.17) !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  .wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:14px 12px 28px !important;
  }

  .grid4,
  .grid4.pro-stats,
  .dashboard-stat-grid,
  .pro-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .stat,
  .dashboard-stat-grid .stat,
  .grid4 .stat{
    min-height:98px !important;
    height:auto !important;
    padding:16px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032)) !important;
    border:1px solid rgba(32,211,238,.16) !important;
    box-shadow:0 15px 42px rgba(0,0,0,.26) !important;
    transform:none !important;
  }

  .stat .ico,
  .dashboard-stat-grid .stat .ico{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:17px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  .stat h2,
  .dashboard-stat-grid .stat h2{
    font-size:24px !important;
    line-height:1 !important;
    margin:0 0 6px !important;
    height:auto !important;
  }

  .stat p,
  .dashboard-stat-grid .stat p{
    font-size:11px !important;
    line-height:1.15 !important;
    margin:0 0 5px !important;
    letter-spacing:.06em !important;
  }

  .stat a{
    font-size:12px !important;
    line-height:1.15 !important;
  }

  .panel{
    margin-top:14px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    overflow:hidden !important;
    box-shadow:0 15px 45px rgba(0,0,0,.23) !important;
  }

  .head{
    padding:14px 15px !important;
    font-size:12px !important;
    letter-spacing:.05em !important;
  }

  table,.table{
    min-width:720px !important;
  }

  .orders-table-wrap,
  .table-wrap,
  .apple-table-card{
    overflow-x:auto !important;
  }

  /* Drawer */
  .mobile-drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:1000 !important;
    display:none !important;
    background:rgba(0,0,0,.58) !important;
    backdrop-filter:blur(6px) !important;
  }

  .drawer-open .mobile-drawer-backdrop{
    display:block !important;
  }

  .lu-mobile-drawer{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    z-index:1001 !important;
    width:82vw !important;
    max-width:330px !important;
    height:100dvh !important;
    padding:14px !important;
    overflow:hidden !important;
    transform:translateX(-105%) !important;
    transition:transform .23s ease !important;
    border-radius:0 30px 30px 0 !important;
    background:
      radial-gradient(circle at 0% 0%,rgba(104,83,255,.23),transparent 38%),
      linear-gradient(180deg,#0b1429 0%,#050b18 100%) !important;
    border-right:1px solid rgba(145,160,220,.18) !important;
    box-shadow:28px 0 85px rgba(0,0,0,.72) !important;
  }

  .drawer-open .lu-mobile-drawer{
    transform:translateX(0) !important;
  }

  .lu-drawer-head{
    height:74px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:12px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,#142044,#111a35) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 14px 40px rgba(0,0,0,.26) !important;
  }

  .lu-brand-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,#705cff,#20d4ff) !important;
    color:#fff !important;
    font-size:19px !important;
  }

  .lu-brand-text{
    flex:1 !important;
    min-width:0 !important;
  }

  .lu-brand-text strong{
    display:block !important;
    max-width:165px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.05 !important;
  }

  .lu-brand-text span{
    display:block !important;
    margin-top:5px !important;
    color:#9caece !important;
    font-size:11px !important;
    font-weight:700 !important;
  }

  .lu-drawer-close{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border:0 !important;
    border-radius:14px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.08) !important;
    color:#e5ecff !important;
    font-size:16px !important;
  }

  .lu-user-card{
    height:74px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:12px 0 !important;
    padding:12px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .lu-user-avatar{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:17px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    font-size:20px !important;
    background:linear-gradient(180deg,#8b5fff,#725cff 60%,#21d4ff) !important;
  }

  .lu-user-meta strong{
    display:block !important;
    max-width:190px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }

  .lu-user-meta span{
    display:block !important;
    margin-top:7px !important;
    color:#24f09a !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  .lu-menu-list{
    height:calc(100dvh - 188px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-bottom:18px !important;
  }

  .lu-menu-list::-webkit-scrollbar{
    width:0 !important;
  }

  .lu-menu-list a{
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:7px 10px !important;
    margin:0 0 6px !important;
    border-radius:17px !important;
    color:#cbd5ea !important;
    font-size:13.5px !important;
    font-weight:820 !important;
    text-decoration:none !important;
    line-height:1.1 !important;
  }

  .lu-menu-list a i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    color:#b9c4dc !important;
    font-size:13.5px !important;
  }

  .lu-menu-list a span{
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .lu-menu-list a.active{
    color:#fff !important;
    background:linear-gradient(135deg,#6653ff,#876fff) !important;
    box-shadow:0 13px 32px rgba(102,83,255,.34) !important;
  }

  .lu-menu-list a.active i{
    color:#fff !important;
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.17) !important;
  }

  .lu-menu-list .lu-logout{
    color:#ffc2cf !important;
  }
}

/* Installed app: more native spacing and no browser-feel */
@media(max-width:850px){
  html.lu-app-mode body{
    padding-top:env(safe-area-inset-top) !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  html.lu-app-mode .video-mobile-appbar,
  html.lu-app-mode .desktop-topbar{
    height:68px !important;
  }
  html.lu-app-mode .wrap{
    padding-bottom:32px !important;
  }
}

@media(max-width:380px){
  .lu-mobile-drawer{
    width:84vw !important;
    max-width:312px !important;
    padding:12px !important;
  }
  .lu-brand-text strong{
    max-width:145px !important;
    font-size:15px !important;
  }
  .lu-menu-list a{
    min-height:46px !important;
    font-size:13px !important;
  }
}


/* ===== HARD FIX MOBILE DRAWER: unique classes, no old style conflicts ===== */
@media(max-width:850px){

  .mobile-drawer,
  .mobile-drawer-backdrop,
  .iphone-bottom-nav{
    display:none !important;
  }

  .lu-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:9998 !important;
    display:none !important;
    background:rgba(0,0,0,.62) !important;
    backdrop-filter:blur(6px) !important;
  }

  .drawer-open .lu-backdrop{
    display:block !important;
  }

  .lu-drawer{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    z-index:9999 !important;
    width:84vw !important;
    max-width:340px !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:calc(14px + env(safe-area-inset-top)) 14px 14px !important;
    margin:0 !important;
    transform:translateX(-105%) !important;
    transition:transform .24s ease !important;
    overflow:hidden !important;

    background:
      radial-gradient(circle at 0% 0%,rgba(113,92,255,.24),transparent 35%),
      linear-gradient(180deg,#0b1429 0%,#050b18 100%) !important;

    border-right:1px solid rgba(145,160,220,.20) !important;
    border-radius:0 30px 30px 0 !important;
    box-shadow:30px 0 95px rgba(0,0,0,.75) !important;
  }

  .drawer-open .lu-drawer{
    transform:translateX(0) !important;
  }

  .lu-drawer-brand{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:11px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,#142044,#111a35) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 14px 40px rgba(0,0,0,.28) !important;
  }

  .lu-drawer-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,#705cff,#20d4ff) !important;
    color:#fff !important;
    font-size:18px !important;
  }

  .lu-drawer-brand-text{
    min-width:0 !important;
    flex:1 !important;
  }

  .lu-drawer-brand-text b{
    display:block !important;
    max-width:170px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.05 !important;
  }

  .lu-drawer-brand-text span{
    display:block !important;
    margin-top:5px !important;
    color:#9fb0ce !important;
    font-size:11px !important;
    font-weight:700 !important;
  }

  .lu-drawer-x{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border:0 !important;
    border-radius:14px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.08) !important;
    color:#e7eeff !important;
    font-size:16px !important;
  }

  .lu-drawer-user{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:12px 0 !important;
    padding:11px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .lu-drawer-avatar{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:17px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(180deg,#8b5fff,#725cff 60%,#21d4ff) !important;
    color:#fff !important;
    font-size:20px !important;
  }

  .lu-drawer-user-text b{
    display:block !important;
    max-width:200px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1 !important;
  }

  .lu-drawer-user-text span{
    display:block !important;
    margin-top:7px !important;
    color:#24f09a !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  .lu-drawer-menu{
    height:calc(100dvh - 184px - env(safe-area-inset-top)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:0 0 18px !important;
  }

  .lu-drawer-menu::-webkit-scrollbar{
    width:0 !important;
  }

  .lu-drawer-menu a{
    min-height:47px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:7px 10px !important;
    margin:0 0 6px !important;
    border-radius:17px !important;
    color:#cbd5ea !important;
    font-size:13.5px !important;
    font-weight:820 !important;
    text-decoration:none !important;
    line-height:1.1 !important;
    background:transparent !important;
    border:0 !important;
  }

  .lu-drawer-menu a i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    color:#b9c4dc !important;
    font-size:13.5px !important;
  }

  .lu-drawer-menu a span{
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .lu-drawer-menu a.active{
    color:#fff !important;
    background:linear-gradient(135deg,#6653ff,#876fff) !important;
    box-shadow:0 13px 32px rgba(102,83,255,.34) !important;
  }

  .lu-drawer-menu a.active i{
    color:#fff !important;
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.17) !important;
  }

  .lu-drawer-logout{
    color:#ffc2cf !important;
  }
}

@media(max-width:380px){
  .lu-drawer{
    width:86vw !important;
    max-width:318px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .lu-drawer-brand-text b{
    max-width:145px !important;
    font-size:15px !important;
  }
  .lu-drawer-menu a{
    min-height:45px !important;
    font-size:13px !important;
  }
}


/* ===== MOBILE TOP DUPLICATES + BACKGROUND FINAL FIX ===== */
@media(max-width:850px){

  /* hide old duplicated top rows completely */
  .video-mobile-appbar:not(.lu-mobile-topbar),
  .mobile-topbar,
  .desktop-topbar{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body{
    background:
      radial-gradient(circle at 10% 0%,rgba(109,92,255,.24),transparent 35%),
      radial-gradient(circle at 95% 18%,rgba(0,221,255,.13),transparent 32%),
      linear-gradient(180deg,#071020 0%,#050a15 48%,#040814 100%) !important;
    background-attachment:fixed !important;
  }

  body:before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.045),transparent 32%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 80px) !important;
  }

  .lu-mobile-topbar{
    position:sticky !important;
    top:0 !important;
    z-index:900 !important;
    height:66px !important;
    min-height:66px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:10px 12px !important;
    background:rgba(7,12,26,.86) !important;
    backdrop-filter:blur(18px) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 10px 35px rgba(0,0,0,.22) !important;
  }

  .lu-top-menu{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border:0 !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,#6753ff,#8b74ff) !important;
    color:#fff !important;
    font-size:17px !important;
    box-shadow:0 12px 30px rgba(103,83,255,.35) !important;
  }

  .lu-top-title{
    flex:1 !important;
    min-width:0 !important;
  }

  .lu-top-title span{
    display:inline-flex !important;
    align-items:center !important;
    height:20px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.07) !important;
    color:#9aa8c7 !important;
    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.08em !important;
  }

  .lu-top-title b{
    display:block !important;
    margin-top:4px !important;
    max-width:155px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
  }

  .lu-top-actions{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    flex:0 0 auto !important;
  }

  .lu-top-actions a,
  .lu-top-actions button{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    border-radius:15px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    color:#dce6ff !important;
    text-decoration:none !important;
    padding:0 !important;
    font-size:15px !important;
  }

  .lu-top-actions .lu-top-balance{
    width:auto !important;
    min-width:auto !important;
    padding:0 10px !important;
    color:#20f09a !important;
    background:rgba(32,240,154,.10) !important;
    border-color:rgba(32,240,154,.17) !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  /* make content background/cards match mobile style */
  .wrap{
    background:transparent !important;
  }

  .stat,
  .panel,
  .service,
  .orders-card{
    background:linear-gradient(145deg,rgba(12,22,42,.86),rgba(8,15,30,.78)) !important;
    border:1px solid rgba(34,211,238,.16) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.30) !important;
  }

  .drawer-open .lu-mobile-topbar{
    filter:brightness(.70) !important;
  }
}

@media(max-width:390px){
  .lu-top-title b{
    max-width:120px !important;
    font-size:16px !important;
  }
  .lu-top-actions{
    gap:5px !important;
  }
  .lu-top-actions a,
  .lu-top-actions button{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
  }
  .lu-top-actions .lu-top-balance{
    display:none !important;
  }
}


/* ===== MOBILE NO RESIZE / NO JUMP ON TAP FIX ===== */
@media(max-width:850px){

  html{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
    touch-action:manipulation !important;
  }

  body{
    -webkit-tap-highlight-color:transparent !important;
    overscroll-behavior-x:none !important;
  }

  a, button, input, select, textarea,
  .btn, .stat, .panel, .service,
  .lu-menu-list a, .lu-drawer-menu a,
  .lu-top-actions a, .lu-top-actions button{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
    transform:none !important;
    scale:1 !important;
    transition:background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  }

  a:active, button:active,
  .btn:active, .stat:active, .panel:active, .service:active,
  .lu-menu-list a:active, .lu-drawer-menu a:active,
  .lu-top-actions a:active, .lu-top-actions button:active{
    transform:none !important;
    scale:1 !important;
    zoom:1 !important;
  }

  a:hover, button:hover,
  .btn:hover, .stat:hover, .panel:hover, .service:hover{
    transform:none !important;
    scale:1 !important;
  }

  input, select, textarea{
    font-size:16px !important; /* stops iPhone zoom on focus */
  }

  .wrap,
  .desktop-main,
  .desktop-app{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .stat,
  .panel,
  .service{
    will-change:auto !important;
    backface-visibility:hidden !important;
  }
}


/* ===== PREMIUM MOBILE DASHBOARD BACKGROUND ===== */
@media(max-width:850px){

  body{
    position:relative !important;
    background:
      radial-gradient(circle at top left, rgba(116,92,255,.28), transparent 34%),
      radial-gradient(circle at top right, rgba(0,221,255,.16), transparent 28%),
      radial-gradient(circle at bottom center, rgba(0,255,170,.08), transparent 32%),
      linear-gradient(180deg,#07111f 0%, #050b16 45%, #040914 100%) !important;
    background-attachment:fixed !important;
  }

  body::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-2 !important;
    pointer-events:none !important;

    background:
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.018) 0px,
        rgba(255,255,255,.018) 1px,
        transparent 1px,
        transparent 90px
      ),
      repeating-linear-gradient(
        180deg,
        rgba(255,255,255,.014) 0px,
        rgba(255,255,255,.014) 1px,
        transparent 1px,
        transparent 90px
      );

    opacity:.55 !important;
  }

  body::after{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;

    background:
      radial-gradient(circle at 15% 20%, rgba(115,92,255,.18), transparent 22%),
      radial-gradient(circle at 85% 12%, rgba(0,214,255,.10), transparent 20%),
      radial-gradient(circle at 50% 80%, rgba(0,255,170,.06), transparent 24%);
    filter:blur(30px) !important;
  }

  .wrap{
    position:relative !important;
  }

  .wrap::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;

    background:
      linear-gradient(135deg, rgba(255,255,255,.018), transparent 35%),
      radial-gradient(circle at top, rgba(255,255,255,.025), transparent 45%);
    border-radius:28px !important;
  }

  /* Dashboard cards glow */
  .stat,
  .dashboard-stat-grid .stat{
    position:relative !important;
    overflow:hidden !important;
  }

  .stat::before,
  .dashboard-stat-grid .stat::before{
    content:"" !important;
    position:absolute !important;
    top:-40% !important;
    right:-20% !important;
    width:160px !important;
    height:160px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(0,214,255,.10), transparent 70%) !important;
    pointer-events:none !important;
  }

  .stat::after,
  .dashboard-stat-grid .stat::after{
    content:"" !important;
    position:absolute !important;
    left:-25% !important;
    bottom:-45% !important;
    width:170px !important;
    height:170px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(118,92,255,.12), transparent 72%) !important;
    pointer-events:none !important;
  }

  /* panels and tables */
  .panel,
  .orders-card,
  .service{
    background:
      linear-gradient(145deg, rgba(13,22,42,.92), rgba(8,15,29,.82)) !important;

    border:1px solid rgba(52,211,238,.14) !important;

    box-shadow:
      0 18px 55px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .head{
    background:linear-gradient(180deg, rgba(255,255,255,.03), transparent) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
  }

  /* make texts brighter */
  h1,h2,h3,h4,b,strong{
    text-shadow:0 0 14px rgba(255,255,255,.04) !important;
  }
}


/* ===== DESKTOP FIX: hide all mobile-only blocks on computer ===== */
.lu-mobile-topbar,
.lu-backdrop,
.lu-drawer,
.mobile-drawer-backdrop,
.mobile-drawer,
.mobile-topbar,
.video-mobile-appbar,
.iphone-bottom-nav{
    display:none !important;
}

/* Only mobile can show mobile topbar/drawer */
@media(max-width:850px){
    .lu-mobile-topbar{
        display:flex !important;
    }

    .lu-drawer{
        display:block !important;
    }

    .drawer-open .lu-backdrop{
        display:block !important;
    }
}

/* Computer view: force old/desktop layout only */
@media(min-width:851px){
    .lu-mobile-topbar,
    .lu-backdrop,
    .lu-drawer,
    .mobile-drawer-backdrop,
    .mobile-drawer,
    .mobile-topbar,
    .video-mobile-appbar,
    .iphone-bottom-nav{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        height:0 !important;
        max-height:0 !important;
        overflow:hidden !important;
        pointer-events:none !important;
    }

    .desktop-app{
        display:block !important;
    }

    .desktop-side{
        display:block !important;
    }

    .desktop-main{
        display:block !important;
    }

    .classic-topbar{
        display:flex !important;
    }
}


/* ===== HARD DESKTOP FIX V2: mobile HTML wrappers hidden on PC ===== */
.mobile-only-wrap,
.mobile-only-drawer-wrap{
    display:none !important;
}

/* On mobile only, show mobile wrappers */
@media(max-width:850px){
    .mobile-only-wrap{
        display:block !important;
    }

    .mobile-only-drawer-wrap{
        display:block !important;
    }

    .mobile-only-wrap .lu-mobile-topbar{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        height:66px !important;
        max-height:66px !important;
        pointer-events:auto !important;
    }

    .mobile-only-drawer-wrap .lu-drawer{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }
}

/* Desktop must never show mobile wrappers or their content */
@media(min-width:851px){
    .mobile-only-wrap,
    .mobile-only-wrap *,
    .mobile-only-drawer-wrap,
    .mobile-only-drawer-wrap *,
    .lu-mobile-topbar,
    .lu-backdrop,
    .lu-drawer,
    .mobile-drawer,
    .mobile-drawer-backdrop,
    .video-mobile-appbar,
    .mobile-topbar,
    .iphone-bottom-nav{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        height:0 !important;
        max-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        pointer-events:none !important;
        position:absolute !important;
        left:-99999px !important;
        top:-99999px !important;
    }

    .desktop-app{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
    }

    .desktop-side{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:fixed !important;
        left:0 !important;
        top:0 !important;
        height:100vh !important;
        max-height:none !important;
        overflow:auto !important;
    }

    .desktop-main{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
    }
}


/* ===== PHP MOBILE-ONLY OUTPUT FINAL SAFETY ===== */
@media(min-width:851px){
  .lu-mobile-topbar,
  .lu-backdrop,
  .lu-drawer,
  .mobile-only-wrap,
  .mobile-only-drawer-wrap,
  .mobile-drawer,
  .mobile-drawer-backdrop,
  .video-mobile-appbar,
  .mobile-topbar,
  .iphone-bottom-nav{
    display:none !important;
  }
}
@media(max-width:850px){
  .lu-mobile-topbar{display:flex !important;}
  .lu-drawer{display:block !important;}
  .drawer-open .lu-backdrop{display:block !important;}
}


/* ===== FINAL DESKTOP HEADER FIX: remove old classic topbar space ===== */
.classic-topbar{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}

@media(min-width:851px){
    body{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .desktop-app{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .desktop-side{
        top:0 !important;
        left:0 !important;
        height:100vh !important;
    }

    .desktop-main{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .desktop-topbar{
        top:0 !important;
    }
}


/* ===== DESKTOP CONTENT POSITION FIX: no half hidden cards ===== */
@media(min-width:851px){

    :root{
        --desktop-sidebar-width:250px;
    }

    body{
        overflow-x:hidden !important;
        margin:0 !important;
        padding:0 !important;
    }

    .desktop-app{
        display:block !important;
        width:100% !important;
        min-height:100vh !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    .desktop-side{
        position:fixed !important;
        left:0 !important;
        top:0 !important;
        bottom:0 !important;
        width:var(--desktop-sidebar-width) !important;
        min-width:var(--desktop-sidebar-width) !important;
        max-width:var(--desktop-sidebar-width) !important;
        height:100vh !important;
        z-index:100 !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    .desktop-main{
        position:relative !important;
        margin-left:var(--desktop-sidebar-width) !important;
        width:calc(100vw - var(--desktop-sidebar-width)) !important;
        max-width:calc(100vw - var(--desktop-sidebar-width)) !important;
        min-height:100vh !important;
        padding:0 !important;
        overflow-x:hidden !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
    }

    .desktop-topbar{
        position:sticky !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        max-width:100% !important;
        z-index:90 !important;
        margin:0 !important;
        transform:none !important;
    }

    .wrap{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:28px 28px 36px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        transform:none !important;
    }

    .grid4.pro-stats,
    .dashboard-stat-grid,
    .pro-stats{
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:22px !important;
        margin:0 0 26px 0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    .grid4.pro-stats .stat,
    .dashboard-stat-grid .stat,
    .pro-stats .stat{
        min-width:0 !important;
        width:100% !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .panel{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .live-panel,
    .apple-table-card{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    .table,
    .apple-table{
        width:100% !important;
    }
}

@media(min-width:851px) and (max-width:1250px){
    .grid4.pro-stats,
    .dashboard-stat-grid,
    .pro-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* === USER FIX 2026-05-23: remove Install App button + lift logo === */
@media(min-width:851px){
  .desktop-side{padding-top:12px !important;}
  .desktop-logo{height:42px !important;margin-top:-4px !important;margin-bottom:12px !important;align-items:flex-start !important;padding-top:0 !important;line-height:1.05 !important;}
  .dt-install{display:none !important;}
}
@media(max-width:850px){
  .lu-drawer-brand{padding-top:12px !important;}
  .lu-drawer-brand-text b{position:relative !important;top:-3px !important;}
  .dt-install{display:none !important;}
}

/* LegendUnlocker premium order popup - same layout, cleaner design */
.lu-order-modal{
  z-index:9999!important;
  background:rgba(2,6,18,.76)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  align-items:center!important;
  padding:18px!important;
}
.lu-orderbox{
  width:720px!important;
  max-width:calc(100vw - 28px)!important;
  max-height:92vh!important;
  overflow:auto!important;
  background:radial-gradient(circle at 18% 0%,rgba(107,92,255,.18),transparent 34%),linear-gradient(145deg,#10182b 0%,#111a2f 48%,#0d1425 100%)!important;
  border:1px solid rgba(125,118,255,.36)!important;
  border-top:3px solid #766aff!important;
  border-radius:20px!important;
  box-shadow:0 35px 95px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.03) inset,0 0 38px rgba(107,92,255,.16)!important;
  color:#fff!important;
}
.lu-ob-head{
  min-height:74px!important;
  padding:18px 24px!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.lu-ob-head span{display:flex!important;align-items:center!important;gap:12px!important;color:#f8fbff!important}.lu-ob-head span i{width:38px;height:38px;border-radius:12px;background:rgba(118,106,255,.14);display:grid;place-items:center;color:#8d82ff!important}.lu-close{width:42px!important;height:42px!important;border-radius:12px!important;background:#0f172a!important;border:1px solid rgba(148,163,184,.25)!important;color:#fff!important;font-size:22px!important;box-shadow:0 10px 25px rgba(0,0,0,.28)!important}.lu-close:hover{background:#17223b!important;transform:translateY(-1px)}
.lu-ob-body{padding:24px!important}.lu-ob-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(148,163,184,.16)!important}.lu-service-info{min-width:0;flex:1}.lu-tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;padding:0 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#fff2a6,#ffe56c)!important;color:#171717!important;border:0!important;font-size:12px!important;font-weight:950!important;letter-spacing:.04em!important;box-shadow:0 8px 20px rgba(255,231,92,.16)!important}.lu-service-info h2{margin:16px 0 10px!important;color:#fff!important;font-size:24px!important;line-height:1.16!important;font-weight:950!important;letter-spacing:-.035em!important;max-width:485px!important}.lu-instant{display:flex!important;align-items:center!important;gap:7px!important;color:#aebbd1!important;font-weight:750!important}.lu-instant i{color:#887dff!important}.lu-price-side{text-align:right!important;min-width:140px!important;padding-top:10px!important}.lu-price-side .ob-price{font-size:30px!important;line-height:1!important;font-weight:1000!important;color:#3191ff!important;text-shadow:0 0 18px rgba(49,145,255,.2)!important}.lu-price-side .small{font-size:13px!important;color:#b7c3d8!important}.lu-price-side .lu-tag{margin-top:14px!important}
.lu-calc{margin:18px 0 16px!important;padding:16px 18px!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:14px!important;background:rgba(15,23,42,.56)!important;color:#bdc8dc!important}.lu-calc div{margin:8px 0!important;display:flex!important;justify-content:space-between!important;gap:14px!important}.lu-calc b{color:#dce7ff!important}.lu-calc #after{color:#3191ff!important}.lu-calc #after.neg{color:#ff5f7a!important}.lu-warn{margin:14px 0!important;background:rgba(255,193,7,.13)!important;border:1px solid rgba(255,193,7,.32)!important;color:#ffe8a3!important;border-radius:13px!important;padding:13px 15px!important}.lu-warn a{color:#fff!important}.lu-field{margin:13px 0 0!important}.lu-field label{display:block!important;margin:0 0 8px!important;color:#eef4ff!important;font-size:14px!important;font-weight:900!important}.lu-input-wrap{height:50px!important;border:1px solid rgba(122,139,171,.34)!important;background:#0d1629!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 15px!important;transition:.18s ease!important}.lu-input-wrap:focus-within{border-color:#766aff!important;box-shadow:0 0 0 4px rgba(118,106,255,.16)!important}.lu-input-wrap i{color:#8797b3!important}.lu-input-wrap .input{height:48px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;outline:0!important;width:100%!important}.lu-input-wrap .input::placeholder{color:#7f8aa0!important}.lu-qty-block .small{margin:8px 0 0!important;color:#aebbd1!important}.lu-actions{display:grid!important;grid-template-columns:1fr 140px!important;gap:14px!important;margin-top:18px!important}.lu-place,.lu-cancel{height:52px!important;border-radius:13px!important;font-weight:950!important;font-size:15px!important}.lu-place{background:linear-gradient(135deg,#6c55ff,#3478ff)!important;color:#fff!important;border:0!important;box-shadow:0 15px 30px rgba(80,93,255,.32)!important}.lu-place:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}.lu-cancel{background:rgba(15,23,42,.58)!important;border:1px solid rgba(148,163,184,.34)!important;color:#d7e0f1!important}.lu-secure-note{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.14);text-align:center;color:#93a1b7;font-weight:700}.lu-secure-note i{color:#766aff;margin-right:8px}
@media(max-width:700px){.lu-order-modal{padding:10px!important;align-items:start!important}.lu-orderbox{margin-top:14px!important;border-radius:18px!important}.lu-ob-head{min-height:62px!important;padding:14px 16px!important;font-size:18px!important}.lu-ob-head span i{width:34px;height:34px}.lu-close{width:38px!important;height:38px!important}.lu-ob-body{padding:18px!important}.lu-ob-row{display:block!important}.lu-service-info h2{font-size:20px!important}.lu-price-side{text-align:left!important;margin-top:12px!important;padding-top:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.lu-price-side .ob-price{font-size:26px!important}.lu-price-side .lu-tag{margin-top:0!important}.lu-actions{grid-template-columns:1fr!important}.lu-cancel{width:100%!important}.lu-calc{padding:14px!important}.lu-input-wrap{height:48px!important}.lu-input-wrap .input{height:46px!important}}


/* ===== REAL FIX: desktop view switch must never hide menu ===== */
@media (min-width:851px){
  body.classic-layout .desktop-app,
  body.desktop-view-fixed .desktop-app{
    display:block !important;
    min-height:100vh !important;
  }
  body.classic-layout .desktop-side,
  body.desktop-view-fixed .desktop-side{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
    height:100vh !important;
    z-index:1000 !important;
    overflow-y:auto !important;
    transform:none !important;
  }
  body.classic-layout .desktop-main,
  body.desktop-view-fixed .desktop-main{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-left:250px !important;
    width:calc(100vw - 250px) !important;
    max-width:calc(100vw - 250px) !important;
    min-height:100vh !important;
    background:#1d273a !important;
    transform:none !important;
  }
  body.classic-layout .desktop-topbar,
  body.desktop-view-fixed .desktop-topbar{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:sticky !important;
    top:0 !important;
    z-index:900 !important;
    height:auto !important;
    min-height:64px !important;
    max-height:none !important;
    overflow:visible !important;
  }
  body.classic-layout .classic-topbar{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
  body.classic-layout .wrap,
  body.desktop-view-fixed .wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:28px 28px 36px !important;
    box-sizing:border-box !important;
  }
}


/* Live Notification Center + Premium Order Popup */
.lu-notify-btn{position:relative}.lu-notify-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:1000;display:none;place-items:center;box-shadow:0 8px 20px rgba(239,68,68,.35)}
.lu-notify-panel{position:fixed;right:22px;top:78px;width:min(430px,calc(100vw - 28px));max-height:70vh;z-index:99990;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.96));border:1px solid rgba(96,165,250,.25);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 40px rgba(59,130,246,.12);border-radius:24px;backdrop-filter:blur(22px);overflow:hidden;opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;transition:.22s ease}.lu-notify-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lu-notify-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.04)}.lu-notify-head b{display:block;color:#fff;font-size:16px}.lu-notify-head span{display:block;color:#94a3b8;font-size:12px;margin-top:3px}.lu-notify-head button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#dbeafe;border-radius:13px;padding:9px 11px;font-weight:900;cursor:pointer}.lu-notify-list{padding:10px;overflow:auto;max-height:calc(70vh - 72px)}.lu-notify-item{display:grid;grid-template-columns:46px 1fr;gap:12px;text-decoration:none;color:#fff;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:12px;margin-bottom:10px;transition:.2s}.lu-notify-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}.lu-notify-item.unread{border-color:rgba(96,165,250,.42);box-shadow:0 14px 35px rgba(59,130,246,.08)}.lu-notify-item>i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9)}.lu-notify-item.green>i{background:linear-gradient(135deg,#22c55e,#0ea5e9)}.lu-notify-item.red>i{background:linear-gradient(135deg,#ef4444,#f97316)}.lu-notify-item.gold>i{background:linear-gradient(135deg,#f59e0b,#f97316)}.lu-notify-item b{display:block;font-size:14px}.lu-notify-item span{display:block;color:#b6c5e4;font-size:12px;line-height:1.45;margin-top:3px}.lu-notify-item small{display:block;color:#64748b;font-size:11px;margin-top:6px}.lu-notify-empty{padding:26px;color:#94a3b8;text-align:center}.lu-notify-toast-stack{position:fixed;right:22px;bottom:24px;z-index:99999;display:grid;gap:12px;width:min(390px,calc(100vw - 28px))}.lu-live-toast{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.94));border:1px solid rgba(96,165,250,.28);box-shadow:0 24px 70px rgba(0,0,0,.45);transform:translateX(24px) scale(.96);opacity:0;transition:.25s ease;color:#fff}.lu-live-toast.show{transform:translateX(0) scale(1);opacity:1}.lu-live-toast>i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9)}.lu-live-toast.green>i{background:linear-gradient(135deg,#22c55e,#0ea5e9)}.lu-live-toast.red>i{background:linear-gradient(135deg,#ef4444,#f97316)}.lu-live-toast.gold>i{background:linear-gradient(135deg,#f59e0b,#f97316)}.lu-live-toast b{display:block;font-weight:1000}.lu-live-toast span{display:block;color:#b6c5e4;font-size:12px;margin-top:3px;line-height:1.45}
.lu-order-modal{backdrop-filter:blur(16px);background:rgba(2,6,23,.62)!important}.lu-orderbox{border-radius:28px!important;border:1px solid rgba(96,165,250,.24)!important;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 55px rgba(59,130,246,.15)!important;overflow:hidden}.lu-orderbox.pop-in{animation:luPopIn .28s cubic-bezier(.2,1.2,.2,1)}@keyframes luPopIn{from{transform:translateY(18px) scale(.96);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}.lu-ob-head{background:linear-gradient(135deg,rgba(99,102,241,.20),rgba(14,165,233,.10));border-bottom:1px solid rgba(148,163,184,.15)!important}.lu-service-info h2{font-size:20px!important;line-height:1.28!important;margin:9px 0!important}.lu-premium-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px}.lu-premium-preview>div{border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.045);border-radius:18px;padding:12px;min-width:0}.lu-premium-preview i{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);margin-bottom:8px}.lu-premium-preview span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:950}.lu-premium-preview b{display:block;color:#fff;margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot-text{color:#22c55e!important}.live-dot-text:before{content:'';display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:6px;box-shadow:0 0 16px #22c55e}.lu-place{background:linear-gradient(135deg,#6366f1,#0ea5e9)!important;box-shadow:0 16px 38px rgba(59,130,246,.25)!important}.lu-secure-note{color:#94a3b8!important}
@media(max-width:760px){.lu-notify-panel{left:14px;right:14px;top:76px;width:auto}.lu-notify-toast-stack{left:14px;right:14px;bottom:18px;width:auto}.lu-premium-preview{grid-template-columns:1fr 1fr}.lu-orderbox{width:calc(100vw - 20px)!important;max-height:92vh!important;overflow:auto!important}}

/* ===== VIDEO STYLE USER FRONTEND REBUILD v2 ===== */
html,body{max-width:100%;overflow-x:hidden}body.lu-public-ui{margin:0;background:radial-gradient(circle at 80% 35%,rgba(0,213,255,.22),transparent 34%),linear-gradient(135deg,#071226 0%,#091a37 45%,#06323f 100%)!important;color:#f8fbff!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}.gsm-container{width:min(1500px,calc(100% - 44px));margin:0 auto}.gsm-top-strip{height:26px;background:#05080e;color:#fff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.10)}.gsm-strip-inner{height:26px;display:flex;align-items:center;gap:34px}.gsm-strip-inner a{color:#fff;text-decoration:none}.gsm-strip-inner i{color:#16c8ff;margin-right:7px}.strip-right{margin-left:auto;display:flex;gap:22px}.gsm-header{position:sticky;top:0;z-index:50;background:rgba(7,17,35,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.gsm-header-inner{height:86px;display:flex;align-items:center;gap:28px}.gsm-logo{width:132px;height:42px;border-radius:0;background:#071524;border:1px solid rgba(0,195,255,.35);display:grid;place-items:center;text-decoration:none;color:#ffd52e;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.25)}.gsm-logo img{width:100%;height:100%;object-fit:contain}.gsm-logo b{letter-spacing:1px}.gsm-nav{height:56px;padding:0 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;display:flex;align-items:center;gap:8px;margin:auto}.gsm-nav a{color:#b9c5d7;text-decoration:none;font-size:15px;font-weight:900;padding:14px 20px;border-radius:14px;white-space:nowrap}.gsm-nav a.active,.gsm-nav a:hover{color:#fff;background:linear-gradient(135deg,#115cff,#08bee5);box-shadow:0 12px 28px rgba(0,119,255,.28)}.gsm-actions{display:flex;align-items:center;gap:12px}.gsm-icon,.gsm-mobile-menu{width:48px;height:48px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;display:grid;place-items:center;font-weight:900;cursor:pointer}.gsm-profile{color:#fff;text-decoration:none;font-weight:900;padding:14px 10px}.gsm-add,.gsm-balance{height:48px;padding:0 20px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:950;color:#fff;background:linear-gradient(135deg,#1d71ff,#08b6df);box-shadow:0 14px 32px rgba(0,149,255,.22)}.gsm-balance{background:linear-gradient(135deg,#12c78a,#13d7b4);color:#fff}.gsm-mobile-menu{display:none}.gsm-page{min-height:calc(100vh - 112px);padding:36px 0 70px}.gsm-section{width:min(1500px,calc(100% - 44px));margin:0 auto 46px}.hero-slider{height:470px;border-radius:18px;overflow:hidden;position:relative;background:#000;box-shadow:0 28px 80px rgba(0,0,0,.28)}.hero-slider img,.hero-slider .hero-bg{width:100%;height:100%;object-fit:cover;display:block}.hero-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 45%,rgba(0,0,0,.1))}.hero-placeholder{height:100%;display:flex;align-items:center;padding:60px;background:linear-gradient(135deg,#05090f,#071a37 58%,#063b4e);position:relative}.hero-placeholder h1{font-size:60px;line-height:1;margin:0 0 16px;color:#fff;max-width:720px}.hero-placeholder p{font-size:28px;margin:0;color:#c7d3e7}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:9px;background:rgba(0,0,0,.5);border-radius:20px;padding:8px 14px}.hero-dots span{width:10px;height:10px;background:#fff;border-radius:999px;opacity:.55}.hero-dots span:first-child{width:32px;background:#098dff;opacity:1}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}.promo-card{min-height:136px;background:rgba(15,28,51,.82);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.18)}.promo-card small,.service-label{display:inline-flex;padding:7px 16px;border-radius:999px;border:1px solid rgba(42,144,255,.55);background:rgba(31,102,255,.13);color:#4ca6ff;font-weight:950;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.promo-card h2{margin:14px 0 4px;font-size:28px;color:#fff}.promo-card p{margin:0;color:#a9b6cc;font-weight:800}.promo-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0cc6df);font-size:26px;box-shadow:0 18px 42px rgba(0,174,255,.28)}.section-box{border-radius:28px;background:rgba(15,28,51,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 25px 80px rgba(0,0,0,.18);padding:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.section-title{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:950;text-transform:uppercase;color:#fff}.section-title i{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2369ff,#09bddc);display:grid;place-items:center}.view-all{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px 22px;color:#cbd5e1;text-decoration:none;font-weight:900;background:rgba(255,255,255,.04)}.service-strip{display:grid;grid-template-columns:repeat(6,210px);gap:22px;overflow:hidden}.mini-service{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 14px 42px rgba(0,0,0,.12)}.mini-top{height:126px;background:linear-gradient(180deg,#2879ff 0,#19b8d7 72%,#061527 100%);display:grid;place-items:center;position:relative}.mini-letter{font-size:38px;font-weight:950}.mini-price{position:absolute;left:10px;bottom:10px;color:#ffae3b;font-size:13px;font-weight:950}.mini-time{position:absolute;right:10px;bottom:10px;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.20);font-size:11px;font-weight:800}.mini-service h3{font-size:13px;line-height:1.35;min-height:52px;margin:12px 12px 10px;color:#fff}.mini-service button,.svc-order{width:calc(100% - 24px);margin:0 12px 12px;height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,#1265ff,#05bade);color:#fff;font-weight:950}.service-hero{width:min(1260px,calc(100% - 44px));margin:0 auto 34px;background:rgba(4,12,25,.62);border:1px solid rgba(255,255,255,.10);padding:28px 38px;border-radius:0}.breadcrumbs{color:#9ca9bd;font-weight:800;margin-bottom:18px}.tabs{display:flex;gap:10px;margin-bottom:22px}.tabs a{color:#d5e1f5;text-decoration:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:999px;padding:10px 18px;font-weight:900}.tabs a.active{background:linear-gradient(135deg,#1870ff,#08bce4);color:#fff}.svc-filters{border:2px solid rgba(219,234,254,.8);border-radius:28px;padding:22px;display:grid;grid-template-columns:1fr 300px 130px;gap:14px}.svc-filters input,.svc-filters select{height:48px;border-radius:12px;background:#07101c;border:1px solid rgba(255,255,255,.14);color:#fff;padding:0 18px;font-weight:800}.svc-reset{border:0;border-radius:12px;background:#172746;color:#82aaff;font-weight:950}.video-services-grid{width:min(1260px,calc(100% - 44px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px}.video-svc-card{min-height:96px;border-radius:13px;background:rgba(8,23,44,.86);border:1px solid rgba(72,102,143,.55);border-left:4px solid #02c6ef;color:#fff;padding:16px 14px;display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;box-shadow:none;contain:layout paint}.svc-icon{width:62px;height:62px;border-radius:8px;background:linear-gradient(135deg,#2473fa,#14c5d8);display:grid;place-items:center;font-size:18px;font-weight:950}.svc-icon i{font-size:21px}.svc-icon b{display:block;font-size:24px;line-height:1}.svc-info h3{margin:0 0 10px;font-size:15px;line-height:1.28;color:#fff;font-weight:950;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc-meta{display:flex;align-items:center;gap:12px}.svc-price{font-size:20px;font-weight:950;color:#fff}.svc-time{font-size:12px;color:#53a9ff;background:rgba(0,96,255,.18);border-radius:999px;padding:5px 10px}.svc-order{width:auto;margin:0;min-width:78px;height:38px;padding:0 14px;cursor:pointer}.services-table-wrap,.services-mobile-list{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:200;display:none;place-items:center;padding:20px}.orderbox{width:min(520px,100%);background:#fff!important;color:#111827!important;border-radius:22px;padding:0;overflow:hidden}.ob-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(135deg,#6b45ff,#d945ff);color:#fff;font-weight:950}.ob-body{padding:22px}.lu-field label{font-weight:900;color:#111827;margin:12px 0 8px;display:block}.lu-input-wrap input,.orderbox .input{width:100%;height:48px;border:1px solid #dbe3ef;border-radius:12px;padding:0 14px;color:#111827;background:#fff}.lu-actions{display:flex;gap:10px;margin-top:18px}.btn{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(135deg,#145cff,#04bde0);color:#fff;font-weight:950;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.out{background:#eef4ff;color:#1e40af}.stat,.panel{background:rgba(15,28,51,.72)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:22px!important}.dashboard-grid{width:min(1260px,calc(100% - 44px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dash-stat{padding:24px;background:rgba(15,28,51,.72);border:1px solid rgba(255,255,255,.10);border-radius:22px}.dash-stat h2{font-size:34px;margin:0;color:#fff}.dash-stat p{color:#9fb0c8;margin:8px 0 0;font-weight:800}.dash-panels{width:min(1260px,calc(100% - 44px));margin:24px auto 0;display:grid;grid-template-columns:2fr 1fr;gap:22px}.gsm-chat{position:fixed;right:32px;bottom:32px;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#0c6aff,#09bfe2);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:24px;z-index:80;box-shadow:0 20px 55px rgba(0,153,255,.35)}.gsm-mobile-bottom,.gsm-mobile-drawer{display:none}.lu-notify-panel{display:none}
body.light.lu-public-ui{background:radial-gradient(circle at 88% 50%,rgba(13,205,226,.30),transparent 32%),linear-gradient(135deg,#dbe7ff 0%,#eef5ff 50%,#ccf7fb 100%)!important;color:#0f172a!important}body.light .gsm-top-strip{background:#fff;color:#0f172a;border-bottom:1px solid #d8e3f5}body.light .gsm-strip-inner a{color:#0f172a}body.light .gsm-header{background:rgba(246,250,255,.92);border-bottom:1px solid #dbe5f4}body.light .gsm-nav{background:#fff;border-color:#dbe5f4}body.light .gsm-nav a{color:#64748b}body.light .gsm-icon,body.light .gsm-mobile-menu{background:#fff;color:#0f172a;border-color:#dbe5f4}body.light .gsm-profile{color:#0f172a}body.light .promo-card,body.light .section-box,body.light .dash-stat,body.light .panel,body.light .stat{background:rgba(255,255,255,.72)!important;border-color:rgba(203,213,225,.72)!important;color:#0f172a!important}body.light .promo-card h2,body.light .section-title,body.light .dash-stat h2{color:#0f172a}body.light .service-hero{background:rgba(239,246,255,.72);border-color:rgba(203,213,225,.65)}body.light .svc-filters input,body.light .svc-filters select{background:#fff;color:#0f172a;border-color:#d8e2f2}body.light .video-svc-card{background:rgba(239,246,255,.72);border-color:rgba(203,213,225,.7);color:#0f172a}body.light .svc-info h3,body.light .svc-price{color:#0f172a}body.light .mini-service{background:#fff;color:#0f172a;border-color:#dbe5f4}body.light .mini-service h3{color:#0f172a}
@media(max-width:1100px){.gsm-container,.gsm-section,.service-hero,.video-services-grid,.dashboard-grid,.dash-panels{width:calc(100% - 28px)}.gsm-top-strip{display:none}.gsm-header-inner{height:68px;gap:10px}.gsm-logo{width:92px;height:35px}.gsm-nav,.gsm-profile,.gsm-add{display:none}.gsm-mobile-menu{display:grid}.gsm-actions{margin-left:auto}.gsm-balance{height:42px;padding:0 14px;font-size:13px}.gsm-icon{width:42px;height:42px}.gsm-page{padding:18px 0 86px}.hero-slider{height:250px;border-radius:14px}.hero-placeholder{padding:22px}.hero-placeholder h1{font-size:30px}.hero-placeholder p{font-size:16px}.promo-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.promo-card{min-height:100px;padding:20px}.promo-card h2{font-size:22px}.section-box{padding:16px;border-radius:20px}.service-strip{grid-template-columns:repeat(2,155px);overflow-x:auto;padding-bottom:8px}.section-head{margin-bottom:16px}.service-hero{padding:14px;border-radius:0;margin-bottom:18px}.breadcrumbs{font-size:12px}.tabs{overflow-x:auto;padding-bottom:4px}.tabs a{white-space:nowrap;font-size:12px;padding:9px 14px}.svc-filters{grid-template-columns:1fr;gap:9px;border-radius:16px;padding:12px;border-width:1px}.svc-filters input,.svc-filters select{height:44px}.video-services-grid{grid-template-columns:1fr;gap:10px}.video-svc-card{grid-template-columns:52px 1fr auto;gap:10px;min-height:78px;padding:10px;border-radius:11px}.svc-icon{width:48px;height:48px}.svc-icon b{font-size:18px}.svc-info h3{font-size:12px;margin-bottom:8px;-webkit-line-clamp:2}.svc-price{font-size:14px}.svc-time{font-size:10px;padding:4px 7px}.svc-order{height:32px;min-width:58px;font-size:11px}.dashboard-grid{grid-template-columns:1fr 1fr}.dash-panels{grid-template-columns:1fr}.gsm-chat{right:18px;bottom:84px;width:52px;height:52px}.gsm-mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:66px;background:rgba(5,12,24,.92);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.10);display:grid;grid-template-columns:repeat(5,1fr);z-index:90}.gsm-mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#91a5c1;text-decoration:none;font-size:10px;font-weight:900}.gsm-mobile-bottom i{font-size:16px;color:#13b8ff}.gsm-mobile-drawer{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.55);padding:14px;opacity:0;pointer-events:none;transition:.2s}.mobile-menu-open .gsm-mobile-drawer{display:block;opacity:1;pointer-events:auto}.drawer-card{width:min(330px,92vw);background:#fff;color:#0f172a;border-radius:22px;padding:16px;display:grid;gap:8px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}.drawer-head button{border:0;background:#f1f5f9;border-radius:10px;width:36px;height:36px}.drawer-card a{padding:13px;border-radius:12px;color:#334155;text-decoration:none;font-weight:850}.drawer-card a:hover{background:#eef4ff}.drawer-card .red{color:#ef4444}body.light .gsm-mobile-bottom{background:rgba(255,255,255,.94);border-color:#dbe5f4}.hero-dots{bottom:12px}.mini-top{height:105px}}
@media(max-width:520px){.gsm-container,.gsm-section,.service-hero,.video-services-grid,.dashboard-grid,.dash-panels{width:calc(100% - 24px)}.gsm-actions{gap:7px}.gsm-logo{width:80px}.gsm-balance{max-width:104px;overflow:hidden}.gsm-icon:nth-child(1){display:none}.promo-icon{width:52px;height:52px}.section-title{font-size:14px}.section-title i{width:42px;height:42px}.view-all{padding:10px 14px;font-size:12px}.dashboard-grid{grid-template-columns:1fr}.video-svc-card{grid-template-columns:48px 1fr 62px}.svc-meta{gap:6px;flex-wrap:wrap}.svc-order{padding:0 8px}.hero-slider{height:210px}}
/* Auth video modal style */
.auth-page{min-height:100vh;margin:0;background:radial-gradient(circle at 80% 35%,rgba(0,213,255,.22),transparent 34%),linear-gradient(135deg,#071226,#082241 58%,#06323f)!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}.auth-top{height:74px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));margin:0 auto}.auth-top .brand{font-weight:950}.auth-top nav{display:flex;gap:12px;align-items:center}.auth-top a{color:#d7e3f5;text-decoration:none;font-weight:850}.auth-shell{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:22px}.auth-card{width:min(470px,100%);background:#fff;color:#111827;border-radius:24px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.35)}.register-card{width:min(780px,100%)}.auth-logo{margin:auto auto 16px;width:max-content;padding:10px 18px;border-radius:14px;background:#f4f0ff;color:#6d35ff;font-weight:950}.auth-card h1{text-align:center;margin:0;font-size:30px;color:#111827}.auth-sub{text-align:center;color:#64748b;margin:8px 0 22px}.auth-card label{display:block;font-weight:900;color:#374151;margin:12px 0 7px}.field-icon{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:12px;padding:0 14px}.field-icon input,.auth-card .input{height:48px;border:1px solid #dbe3ee;background:#fff;border-radius:12px;padding:0 14px;color:#111827;width:100%;box-sizing:border-box}.field-icon input{border:0;background:transparent;padding:0}.auth-row,.auth-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.auth-submit{width:100%;margin-top:18px}.auth-bottom{text-align:center;color:#64748b}.auth-bottom a,.auth-row a{color:#2563eb;font-weight:900;text-decoration:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:20px 0}.steps span{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#64748b;display:grid;place-items:center;font-weight:950;position:relative}.steps span small{position:absolute;top:45px;font-size:10px;color:#64748b}.steps span.on{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff}.steps b{height:4px;border-radius:999px;background:#e5e7eb}.step-pane{display:none}.step-pane.active{display:block}.review-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.review-box p{display:flex;justify-content:space-between;margin:10px 0;color:#334155}.auth-buttons #createBtn{display:none}.auth-buttons .dark{background:#0f172a}.auth-buttons .green{background:linear-gradient(135deg,#16a34a,#22c55e)}@media(max-width:680px){.auth-top nav a:not(.btn){display:none}.auth-card{padding:22px;border-radius:20px}.formgrid{grid-template-columns:1fr}.steps span small{display:none}}

/* ===== HEADER PROFILE FIX EXACT VIDEO STYLE ===== */
body.lu-public-ui{background-attachment:fixed!important}
.gsm-container{width:min(1540px,calc(100% - 54px))!important}
.gsm-top-strip{height:34px!important;background:#030507!important;border-bottom:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important}
.gsm-strip-inner{height:34px!important;font-size:13px!important;gap:34px!important}
.gsm-strip-inner span,.gsm-strip-inner a{height:34px;display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.18);padding-right:24px;line-height:1!important}.gsm-strip-inner .strip-right a{border-right:0;padding-right:0}.strip-right{gap:24px!important}.gsm-header{top:0!important;background:#081326!important;box-shadow:none!important;backdrop-filter:none!important;position:sticky!important}.gsm-header-inner{height:104px!important;gap:30px!important}.gsm-logo{width:112px!important;height:44px!important;border-radius:0!important;background:#020713!important;border:0!important;box-shadow:none!important;margin-right:200px!important}.gsm-nav{height:58px!important;min-width:610px!important;padding:0 10px!important;border-radius:18px!important;background:#111827!important;border:1px solid rgba(255,255,255,.10)!important;margin:0!important;box-shadow:none!important}.gsm-nav a{height:44px!important;display:flex!important;align-items:center!important;padding:0 18px!important;border-radius:13px!important;font-size:14px!important;color:#a7b0c0!important;font-weight:900!important}.gsm-nav a.active{background:linear-gradient(135deg,#155cff,#10c3e7)!important;color:#fff!important}.gsm-actions{margin-left:auto!important;gap:12px!important;position:relative!important}.gsm-icon,.gsm-lang{width:48px!important;height:48px!important;border-radius:13px!important;background:#1a2536!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;box-shadow:none!important}.gsm-lang{width:auto!important;padding:0 14px!important;display:flex!important;gap:7px!important;align-items:center!important;font-weight:950!important}.gsm-lang b{font-size:11px}.gsm-user-wrap{position:relative!important}.gsm-user-btn{height:54px!important;min-width:154px!important;border:1px solid rgba(255,255,255,.13)!important;background:#1b2638!important;border-radius:13px!important;color:#fff!important;display:flex!important;align-items:center!important;gap:11px!important;padding:7px 12px!important;cursor:pointer!important;box-shadow:none!important}.gsm-avatar{width:38px;height:38px;border-radius:10px;background:#fff2da;color:#111827;display:grid;place-items:center;font-weight:950;font-size:16px;border:0}.gsm-avatar.big{width:58px;height:58px;border-radius:16px;border:2px solid #4e79ff;font-size:18px;flex:0 0 auto}.gsm-user-text{text-align:left;line-height:1.05}.gsm-user-text b{display:block;font-size:14px;color:#fff;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsm-user-text small{display:block;font-size:11px;color:#2a8cff;font-weight:900;margin-top:4px}.gsm-user-btn .fa-chevron-down{font-size:11px;color:#64748b;margin-left:auto}.gsm-user-menu{position:absolute;right:0;top:66px;width:285px;background:#101116;border:1px solid rgba(255,255,255,.10);border-radius:0 0 22px 22px;box-shadow:0 35px 90px rgba(0,0,0,.55);padding:0;z-index:500;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.profile-menu-open .gsm-user-menu{opacity:1;visibility:visible;transform:translateY(0)}.gsm-user-card{display:flex;align-items:center;gap:12px;padding:20px 18px 12px}.gsm-user-card b{display:block;color:#fff;font-size:15px}.gsm-user-card small{display:block;color:#7d8594;font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:178px}.gsm-user-balance{display:flex;align-items:center;justify-content:space-between;padding:0 20px 17px}.gsm-user-balance span{height:27px;padding:0 13px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:5px;color:#1673ff;font-size:11px;font-weight:950;letter-spacing:.12em}.gsm-user-balance b{color:#1689ff;font-size:16px}.gsm-user-menu a{height:58px;display:flex;align-items:center;gap:15px;padding:0 22px;color:#d4d7df;text-decoration:none;font-size:14px;font-weight:900;border-top:1px solid rgba(255,255,255,.06);background:#101116}.gsm-user-menu a:hover{background:#141821}.gsm-user-menu a i{width:34px;height:34px;border-radius:10px;background:#1b1f29;color:#aab1bd;display:grid;place-items:center}.gsm-user-menu a.logout{color:#ff6a6a}.gsm-user-menu a.logout i{color:#ff5555}.gsm-add,.gsm-balance,.gsm-profile{display:none!important}.service-hero{margin-top:26px!important}.video-services-grid{contain:layout paint!important}.video-svc-card{min-height:96px!important;overflow:hidden!important}.video-svc-card h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.28!important;max-height:44px!important}.svc-meta{margin-top:8px!important}.svc-price{font-size:20px!important}.svc-order{height:34px!important;border-radius:9px!important}.gsm-chat{box-shadow:0 12px 32px rgba(0,170,255,.28)!important}
body.light .gsm-top-strip{background:#fff!important;color:#0f172a!important;border-color:#dbe5f4!important}body.light .gsm-strip-inner span,body.light .gsm-strip-inner a{color:#0f172a!important;border-color:#dbe5f4!important}body.light .gsm-header{background:#eaf2ff!important;border-color:#dbe5f4!important}body.light .gsm-nav{background:#fff!important;border-color:#dbe5f4!important}body.light .gsm-nav a{color:#64748b!important}body.light .gsm-nav a.active{color:#fff!important}body.light .gsm-icon,body.light .gsm-lang,body.light .gsm-user-btn{background:#fff!important;color:#0f172a!important;border-color:#dbe5f4!important}body.light .gsm-user-text b{color:#0f172a!important}
@media(max-width:1400px){.gsm-logo{margin-right:80px!important}.gsm-nav{min-width:560px!important}.gsm-nav a{padding:0 14px!important;font-size:13px!important}.gsm-user-btn{min-width:142px!important}}
@media(max-width:1180px){.gsm-logo{margin-right:0!important}.gsm-nav{display:none!important}.gsm-mobile-menu{display:grid!important}.gsm-user-btn{min-width:124px!important}.gsm-lang{display:none!important}}
@media(max-width:760px){.gsm-top-strip{display:none!important}.gsm-header-inner{height:78px!important}.gsm-logo{width:88px!important;height:36px!important}.gsm-icon{width:42px!important;height:42px!important}.gsm-user-btn{height:44px!important;min-width:auto!important;padding:5px 8px!important}.gsm-user-text{display:none}.gsm-avatar{width:34px;height:34px}.gsm-user-menu{right:-56px;top:56px;width:min(285px,calc(100vw - 18px));border-radius:18px}.gsm-container{width:calc(100% - 22px)!important}.gsm-page{padding-top:18px!important}.video-svc-card{min-height:112px!important;grid-template-columns:54px 1fr 72px!important}.video-svc-card h3{-webkit-line-clamp:3!important;max-height:58px!important;font-size:13px!important}.svc-price{font-size:16px!important}.svc-order{height:32px!important}.service-hero{margin-top:12px!important}}

/* Desktop user repair requested 2026-06-08: keep previous ZIP base, do not touch mobile layout */
@media (min-width:761px){
  .dashboard-grid{display:none!important}
  .service-strip{grid-template-columns:repeat(6, minmax(165px,1fr))!important;gap:18px!important;overflow:visible!important}
  .section-box{padding:32px!important;border-radius:24px!important}
  .mini-service{min-height:255px!important;border-radius:16px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
  .mini-service:hover{transform:translateY(-6px)!important;box-shadow:0 22px 55px rgba(0,170,255,.18)!important;border-color:rgba(28,171,255,.65)!important}
  .mini-service h3{font-size:13px!important;line-height:1.36!important;min-height:58px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:inherit!important}

  .video-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 22px!important;align-items:start!important}
  .video-svc-card{position:relative!important;grid-template-columns:72px 1fr 90px!important;gap:18px!important;min-height:118px!important;padding:18px 16px!important;border-radius:14px!important;cursor:pointer!important;overflow:visible!important;background:rgba(9,24,45,.88)!important;border:1px solid rgba(67,96,139,.75)!important;border-left:4px solid #10c8f5!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;animation:svcFadeUp .46s ease both!important}
  .video-svc-card:nth-child(1){animation-delay:.02s!important}.video-svc-card:nth-child(2){animation-delay:.05s!important}.video-svc-card:nth-child(3){animation-delay:.08s!important}.video-svc-card:nth-child(4){animation-delay:.11s!important}.video-svc-card:nth-child(5){animation-delay:.14s!important}.video-svc-card:nth-child(6){animation-delay:.17s!important}
  @keyframes svcFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .video-svc-card:hover,.video-svc-card.is-selected{transform:translateY(-4px)!important;border-color:#23caff!important;box-shadow:0 0 0 1px rgba(28,189,255,.55),0 0 24px rgba(0,190,255,.26),0 20px 50px rgba(0,0,0,.34)!important;background:rgba(10,32,59,.96)!important}
  .video-svc-card.is-selected:after{content:"";position:absolute;inset:-2px;border-radius:16px;border:1px solid rgba(39,202,255,.95);pointer-events:none;animation:selectedPulse 1.15s ease-in-out infinite!important}
  @keyframes selectedPulse{0%,100%{box-shadow:0 0 0 rgba(37,198,255,0)}50%{box-shadow:0 0 22px rgba(37,198,255,.62)}}
  .svc-icon{width:68px!important;height:68px!important;border-radius:10px!important;box-shadow:0 14px 28px rgba(0,168,255,.18)!important;align-self:center!important}
  .svc-icon b{font-size:24px!important;margin-top:2px!important}
  .svc-info{min-width:0!important;align-self:center!important}
  .svc-info h3,.svc-title-click{display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:15px!important;line-height:1.32!important;margin:0 0 12px!important;color:#fff!important;font-weight:950!important;text-shadow:none!important;word-break:normal!important;hyphens:auto!important}
  .svc-title-click:hover{color:#28c8ff!important;text-decoration:none!important}
  .svc-meta{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:0!important}
  .svc-price{font-size:18px!important;color:#fff!important;font-weight:1000!important;letter-spacing:.01em!important;min-width:74px!important}
  .svc-time{font-size:11px!important;height:24px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;border-radius:8px!important;background:rgba(29,92,202,.35)!important;color:#57a5ff!important;font-weight:850!important;white-space:nowrap!important}
  .svc-order{height:38px!important;min-width:76px!important;border-radius:10px!important;align-self:center!important;font-size:13px!important;font-weight:950!important;background:linear-gradient(135deg,#2667ff,#10b7e8)!important;box-shadow:0 10px 26px rgba(17,126,255,.25)!important}

  .lu-order-modal{background:rgba(1,8,20,.78)!important;backdrop-filter:blur(10px)!important;z-index:9999!important;padding:26px 10px!important;align-items:center!important}
  .lu-orderbox-pro{width:min(900px,calc(100vw - 80px))!important;max-height:92vh!important;overflow:auto!important;background:#081120!important;color:#fff!important;border:1px solid rgba(43,92,150,.8)!important;border-radius:28px!important;border-top:1px solid rgba(43,92,150,.8)!important;box-shadow:0 38px 100px rgba(0,0,0,.60),0 0 60px rgba(22,153,255,.10)!important}
  .lu-ob-head{height:92px!important;padding:0 30px!important;background:linear-gradient(90deg,#1b2650,#0b1d33)!important;border-bottom:1px solid rgba(71,110,165,.5)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .lu-order-title{display:flex!important;align-items:center!important;gap:14px!important;font-size:25px!important;font-weight:1000!important;color:#fff!important}
  .lu-order-title i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#332b7d;color:#fff;box-shadow:0 10px 25px rgba(70,74,255,.22)}
  .lu-modal-close{width:48px!important;height:48px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;font-size:20px!important;cursor:pointer!important}
  .lu-ob-body{padding:30px!important;background:#07101f!important}
  .lu-order-top{display:grid!important;grid-template-columns:1fr auto!important;gap:26px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;padding-bottom:26px!important;margin-bottom:22px!important}
  .lu-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 16px!important;border-radius:999px!important;background:#fff08a!important;color:#111827!important;font-size:15px!important;font-weight:1000!important;margin-bottom:14px!important;box-shadow:0 12px 28px rgba(255,240,138,.12)!important}
  .lu-pill.small{height:34px!important;margin:18px 0 0!important;font-size:14px!important}
  .lu-order-main h2{margin:0!important;max-width:620px!important;color:#fff!important;font-size:26px!important;line-height:1.18!important;font-weight:1000!important;letter-spacing:-.02em!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important}
  .lu-delivery-line{margin:12px 0 0!important;color:#cbd5e1!important;font-size:15px!important;font-weight:850!important}.lu-delivery-line i{color:#837aff!important;margin-right:6px!important}
  .lu-order-price{text-align:right!important;min-width:170px!important}.lu-order-price b{display:inline!important;color:#2d96ff!important;font-size:38px!important;line-height:1!important;font-weight:1000!important}.lu-order-price small{color:#dbeafe!important;font-weight:1000!important;margin-left:6px!important;font-size:14px!important}
  .lu-balance-box{background:#0d182b!important;border:1px solid rgba(71,91,130,.8)!important;border-radius:16px!important;padding:20px 22px!important;margin:0 0 20px!important;display:grid!important;gap:9px!important}.lu-balance-box div{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#dbe5f4!important;font-size:16px!important}.lu-balance-box b{color:#fff!important}.lu-balance-box .after-balance{color:#3b9dff!important}
  .lu-preview-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin:18px 0 22px!important}.lu-preview-card{min-height:108px!important;border-radius:18px!important;background:#111a2e!important;border:1px solid rgba(72,91,130,.76)!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.lu-preview-card i{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#3269ff,#1cc8ef);display:grid;place-items:center;color:#fff;font-size:17px}.lu-preview-card span{text-transform:uppercase!important;letter-spacing:.08em!important;color:#9aa8bc!important;font-size:12px!important;font-weight:1000!important}.lu-preview-card b{color:#fff!important;font-size:15px!important}.lu-preview-card b.ready{color:#22e27d!important}.lu-preview-card b.ready em{display:inline-block;width:10px;height:10px;border-radius:999px;background:#21df79;margin-right:6px;box-shadow:0 0 12px rgba(33,223,121,.55)}
  .lu-orderbox-pro .lu-field{margin:16px 0!important}.lu-orderbox-pro label{display:block!important;color:#f7fafc!important;font-size:16px!important;font-weight:1000!important;margin-bottom:10px!important}.lu-orderbox-pro .input{height:60px!important;border-radius:15px!important;background:#0d182b!important;border:1px solid rgba(79,102,144,.85)!important;color:#fff!important;font-size:16px!important;padding:0 18px!important}.lu-orderbox-pro .input::placeholder{color:#7f8da4!important}.lu-warn{margin:15px 0!important;padding:14px 16px!important;border-radius:14px!important;background:rgba(245,158,11,.14)!important;border:1px solid rgba(245,158,11,.35)!important;color:#fde68a!important}.lu-warn a{color:#60a5fa!important;font-weight:900!important}
  .lu-order-actions{display:grid!important;grid-template-columns:1fr 180px!important;gap:16px!important;margin-top:20px!important}.lu-order-actions .btn{height:64px!important;border-radius:15px!important;font-size:18px!important;font-weight:1000!important;background:linear-gradient(135deg,#6557ff,#13b4e6)!important;border:0!important;color:#fff!important}.lu-order-actions .btn.out{background:#081120!important;border:1px solid rgba(111,130,163,.75)!important;color:#e5e7eb!important}.lu-secure{text-align:center!important;color:#a8b4c7!important;font-size:15px!important;font-weight:900!important;margin:25px 0 0!important}.lu-secure i{color:#8478ff!important;margin-right:8px!important}
  body.light .video-svc-card{background:rgba(238,246,255,.88)!important;border-color:rgba(195,212,235,.9)!important;border-left-color:#1aa9ff!important;color:#0f172a!important}body.light .svc-info h3,body.light .svc-title-click,body.light .svc-price{color:#0f172a!important}body.light .video-svc-card:hover,body.light .video-svc-card.is-selected{background:#fff!important;box-shadow:0 0 0 1px rgba(29,151,255,.45),0 0 24px rgba(0,151,255,.18),0 20px 45px rgba(16,24,40,.12)!important}
}

/* ===== FINAL DESKTOP + MOBILE SERVICES / ORDER POPUP SIZE FIX ===== */
/* compact professional service typography */
.video-services-grid{
  gap:14px 18px!important;
}
.video-svc-card{
  min-height:104px!important;
  padding:14px 13px!important;
  grid-template-columns:62px minmax(0,1fr) 76px!important;
  gap:14px!important;
  border-radius:13px!important;
}
.video-svc-card .svc-icon{
  width:58px!important;height:58px!important;border-radius:10px!important;
}
.video-svc-card .svc-icon i{font-size:18px!important}
.video-svc-card .svc-icon b{font-size:20px!important}
.video-svc-card .svc-info h3,
.video-svc-card .svc-title-click{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  margin:0 0 9px!important;
  color:#fff!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-height:57px!important;
}
.video-svc-card:hover .svc-title-click{color:#39ceff!important}
.video-svc-card .svc-meta{gap:10px!important;align-items:center!important}
.video-svc-card .svc-price{font-size:17px!important;font-weight:950!important;min-width:62px!important}
.video-svc-card .svc-time{height:22px!important;font-size:10px!important;padding:0 8px!important;border-radius:7px!important}
.video-svc-card .svc-order{height:34px!important;min-width:70px!important;font-size:12px!important;border-radius:9px!important;padding:0 10px!important}

/* smaller clean Place Order popup */
.lu-order-modal{
  padding:18px 10px!important;
  align-items:center!important;
}
.lu-orderbox-pro{
  width:min(720px,calc(100vw - 72px))!important;
  max-height:88vh!important;
  border-radius:22px!important;
  overflow:auto!important;
}
.lu-orderbox-pro .lu-ob-head{
  height:68px!important;
  padding:0 22px!important;
}
.lu-orderbox-pro .lu-order-title{
  font-size:20px!important;
  gap:12px!important;
}
.lu-orderbox-pro .lu-order-title i{
  width:40px!important;height:40px!important;border-radius:12px!important;font-size:17px!important;
}
.lu-orderbox-pro .lu-modal-close{
  width:40px!important;height:40px!important;border-radius:12px!important;font-size:17px!important;
}
.lu-orderbox-pro .lu-ob-body{padding:22px 24px 20px!important}
.lu-orderbox-pro .lu-order-top{
  gap:18px!important;
  padding-bottom:18px!important;
  margin-bottom:16px!important;
}
.lu-orderbox-pro .lu-pill{
  height:28px!important;
  padding:0 12px!important;
  font-size:12px!important;
  margin-bottom:10px!important;
}
.lu-orderbox-pro .lu-pill.small{
  height:28px!important;
  margin-top:12px!important;
  font-size:12px!important;
}
.lu-orderbox-pro .lu-order-main h2{
  font-size:21px!important;
  line-height:1.22!important;
  max-width:500px!important;
}
.lu-orderbox-pro .lu-delivery-line{font-size:13px!important;margin-top:8px!important}
.lu-orderbox-pro .lu-order-price{min-width:130px!important}
.lu-orderbox-pro .lu-order-price b{font-size:30px!important}
.lu-orderbox-pro .lu-order-price small{font-size:12px!important}
.lu-orderbox-pro .lu-balance-box{
  padding:14px 16px!important;
  border-radius:14px!important;
  gap:6px!important;
  margin-bottom:14px!important;
}
.lu-orderbox-pro .lu-balance-box div{font-size:13px!important}
.lu-orderbox-pro .lu-preview-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
  margin:12px 0 16px!important;
}
.lu-orderbox-pro .lu-preview-card{
  min-height:82px!important;
  padding:12px!important;
  border-radius:14px!important;
  gap:5px!important;
}
.lu-orderbox-pro .lu-preview-card i{width:32px!important;height:32px!important;border-radius:10px!important;font-size:14px!important}
.lu-orderbox-pro .lu-preview-card span{font-size:10px!important;letter-spacing:.06em!important}
.lu-orderbox-pro .lu-preview-card b{font-size:13px!important}
.lu-orderbox-pro .lu-field{margin:12px 0!important}
.lu-orderbox-pro label{font-size:13px!important;margin-bottom:8px!important}
.lu-orderbox-pro .input{height:50px!important;border-radius:13px!important;font-size:14px!important;padding:0 14px!important}
.lu-orderbox-pro .lu-order-actions{
  grid-template-columns:1fr 128px!important;
  gap:12px!important;
  margin-top:14px!important;
}
.lu-orderbox-pro .lu-order-actions .btn{
  height:52px!important;
  border-radius:13px!important;
  font-size:15px!important;
}
.lu-orderbox-pro .lu-secure{font-size:13px!important;margin-top:16px!important}

/* mobile: show 6 home services comfortably, clean cards */
@media(max-width:1100px){
  .section-box .service-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .section-box .mini-service:nth-child(n+7){display:none!important}
  .section-box .mini-service{
    min-height:206px!important;
    border-radius:18px!important;
  }
  .section-box .mini-top{height:92px!important}
  .section-box .mini-letter{font-size:30px!important}
  .section-box .mini-price{font-size:12px!important;left:9px!important;bottom:8px!important}
  .section-box .mini-time{font-size:9px!important;right:8px!important;bottom:8px!important;max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .section-box .mini-service h3{
    min-height:54px!important;
    margin:10px 10px 8px!important;
    font-size:12px!important;
    line-height:1.3!important;
    -webkit-line-clamp:3!important;
    color:inherit!important;
  }
  .section-box .mini-service button{height:32px!important;margin:0 10px 10px!important;width:calc(100% - 20px)!important;font-size:11px!important}

  .video-services-grid{grid-template-columns:1fr!important;gap:11px!important}
  .video-svc-card{
    grid-template-columns:54px minmax(0,1fr) 64px!important;
    gap:11px!important;
    min-height:92px!important;
    padding:12px!important;
  }
  .video-svc-card .svc-icon{width:50px!important;height:50px!important}
  .video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:12.5px!important;line-height:1.32!important;max-height:50px!important;-webkit-line-clamp:3!important;margin-bottom:7px!important}
  .video-svc-card .svc-price{font-size:14px!important;min-width:auto!important}
  .video-svc-card .svc-time{font-size:9px!important;height:20px!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .video-svc-card .svc-order{height:32px!important;min-width:58px!important;font-size:11px!important;padding:0 8px!important}

  .lu-order-modal{padding:10px!important;align-items:center!important}
  .lu-orderbox-pro{width:calc(100vw - 20px)!important;max-height:90vh!important;border-radius:20px!important}
  .lu-orderbox-pro .lu-ob-head{height:60px!important;padding:0 16px!important}
  .lu-orderbox-pro .lu-order-title{font-size:18px!important}.lu-orderbox-pro .lu-order-title i{width:36px!important;height:36px!important}
  .lu-orderbox-pro .lu-modal-close{width:36px!important;height:36px!important}
  .lu-orderbox-pro .lu-ob-body{padding:16px!important}
  .lu-orderbox-pro .lu-order-top{grid-template-columns:1fr!important;gap:10px!important;padding-bottom:14px!important;margin-bottom:12px!important}
  .lu-orderbox-pro .lu-order-price{text-align:left!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  .lu-orderbox-pro .lu-order-price b{font-size:26px!important}.lu-orderbox-pro .lu-order-price .lu-pill.small{margin:0 0 0 auto!important}
  .lu-orderbox-pro .lu-order-main h2{font-size:18px!important;line-height:1.24!important;max-width:none!important}
  .lu-orderbox-pro .lu-preview-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .lu-orderbox-pro .lu-preview-card{min-height:76px!important;padding:10px!important;border-radius:13px!important}
  .lu-orderbox-pro .lu-balance-box{padding:12px!important}
  .lu-orderbox-pro .input{height:48px!important}
  .lu-orderbox-pro .lu-order-actions{grid-template-columns:1fr!important;gap:9px!important}.lu-orderbox-pro .lu-order-actions .btn{height:48px!important;font-size:14px!important}
}

/* ===== 2026-06-08 FINAL COMPACT HEADER/FILTER + MOBILE ORDER/LIGHT FIX ===== */
:root{--lu-soft-font:'Inter','Segoe UI',Arial,sans-serif;}
.video-page,.video-shell,.video-filter-panel,.video-services-grid,.video-svc-card,.lu-orderbox-pro{font-family:var(--lu-soft-font)!important;}
/* desktop search/filter block smaller and closer, less empty space */
.video-shell{padding-top:46px!important;}
.video-filter-panel,
.service-filter-panel,
.lu-video-filter,
.filter-hero,
.services-filter-box{
  max-width:1180px!important;
  margin:30px auto 30px!important;
  padding:28px 34px!important;
  min-height:auto!important;
  border-radius:0!important;
}
.video-filter-panel .breadcrumb,
.service-filter-panel .breadcrumb,
.lu-video-filter .breadcrumb{
  margin-bottom:16px!important;
  font-size:13px!important;
}
.video-tabs,.service-tabs,.filter-tabs{gap:10px!important;margin-bottom:22px!important;}
.video-tabs a,.video-tabs button,.service-tabs a,.service-tabs button,.filter-tabs a,.filter-tabs button{
  height:39px!important;padding:0 18px!important;border-radius:19px!important;font-size:13px!important;font-weight:850!important;
}
.video-search-row,.service-search-row,.filter-search-row,.video-filter-panel form,.service-filter-panel form{
  min-height:74px!important;
  padding:14px 18px!important;
  border-radius:28px!important;
  gap:14px!important;
  align-items:center!important;
}
.video-search-row input,.video-search-row select,.service-search-row input,.service-search-row select,.filter-search-row input,.filter-search-row select,.video-filter-panel input,.video-filter-panel select,.service-filter-panel input,.service-filter-panel select{
  height:48px!important;border-radius:13px!important;font-size:13px!important;padding:0 18px!important;
}
.video-search-row .reset,.service-search-row .reset,.filter-search-row .reset,.video-filter-panel .reset,.service-filter-panel .reset{
  height:48px!important;min-width:118px!important;border-radius:13px!important;font-size:13px!important;
}
/* desktop service cards more balanced typography */
.video-services-grid{max-width:1180px!important;margin:0 auto!important;gap:13px 16px!important;}
.video-svc-card{min-height:96px!important;padding:12px 12px!important;grid-template-columns:58px minmax(0,1fr) 72px!important;gap:12px!important;border-radius:12px!important;}
.video-svc-card .svc-icon{width:54px!important;height:54px!important;border-radius:10px!important;}
.video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:13px!important;line-height:1.32!important;max-height:52px!important;-webkit-line-clamp:3!important;margin-bottom:6px!important;font-weight:850!important;letter-spacing:0!important;}
.video-svc-card .svc-price{font-size:16px!important;}
.video-svc-card .svc-order{height:32px!important;min-width:66px!important;border-radius:9px!important;font-size:11px!important;}
/* smaller elegant place order popup desktop */
.lu-orderbox-pro{width:min(650px,calc(100vw - 90px))!important;border-radius:20px!important;}
.lu-orderbox-pro .lu-ob-head{height:60px!important;padding:0 18px!important;}
.lu-orderbox-pro .lu-order-title{font-size:18px!important;}
.lu-orderbox-pro .lu-order-title i,.lu-orderbox-pro .lu-modal-close{width:36px!important;height:36px!important;border-radius:11px!important;}
.lu-orderbox-pro .lu-ob-body{padding:18px 20px!important;}
.lu-orderbox-pro .lu-order-main h2{font-size:18px!important;line-height:1.22!important;max-width:430px!important;}
.lu-orderbox-pro .lu-order-price b{font-size:27px!important;}
.lu-orderbox-pro .lu-balance-box{padding:12px 14px!important;margin-bottom:12px!important;border-radius:13px!important;}
.lu-orderbox-pro .lu-balance-box div{font-size:12.5px!important;}
.lu-orderbox-pro .lu-preview-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:10px 0 14px!important;}
.lu-orderbox-pro .lu-preview-card{min-height:70px!important;padding:9px!important;border-radius:12px!important;}
.lu-orderbox-pro .lu-preview-card i{width:28px!important;height:28px!important;border-radius:9px!important;font-size:12px!important;}
.lu-orderbox-pro .lu-preview-card span{font-size:9px!important;letter-spacing:.05em!important;}
.lu-orderbox-pro .lu-preview-card b{font-size:12px!important;}
.lu-orderbox-pro label{font-size:12.5px!important;margin-bottom:7px!important;}
.lu-orderbox-pro .input{height:46px!important;border-radius:12px!important;font-size:13px!important;}
.lu-orderbox-pro .lu-order-actions{grid-template-columns:1fr 115px!important;gap:10px!important;}
.lu-orderbox-pro .lu-order-actions .btn{height:46px!important;border-radius:12px!important;font-size:13.5px!important;}
.lu-orderbox-pro .lu-secure{font-size:12px!important;margin-top:13px!important;}
/* mobile fixes: readable light services + order popup similar to desktop */
@media(max-width:700px){
  body{font-family:var(--lu-soft-font)!important;}
  body.light .video-svc-card, body.light .mini-service{background:rgba(255,255,255,.94)!important;color:#0b1220!important;border-color:rgba(185,205,232,.95)!important;}
  body.light .video-svc-card .svc-info h3, body.light .video-svc-card .svc-title-click, body.light .mini-service h3{color:#0b1220!important;text-shadow:none!important;opacity:1!important;}
  body.light .svc-price,body.light .mini-price{color:#0b7a75!important;text-shadow:none!important;}
  body.light .svc-time,body.light .mini-time{color:#2563eb!important;background:rgba(37,99,235,.08)!important;}
  .video-filter-panel,.service-filter-panel,.lu-video-filter,.filter-hero,.services-filter-box{margin:18px 14px 18px!important;padding:16px!important;border-radius:20px!important;}
  .video-search-row,.service-search-row,.filter-search-row,.video-filter-panel form,.service-filter-panel form{padding:10px!important;border-radius:18px!important;gap:9px!important;display:grid!important;grid-template-columns:1fr!important;}
  .video-search-row input,.video-search-row select,.service-search-row input,.service-search-row select,.filter-search-row input,.filter-search-row select,.video-filter-panel input,.video-filter-panel select{height:46px!important;border-radius:13px!important;font-size:13px!important;color:inherit!important;}
  .section-box .service-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .section-box .mini-service{min-height:188px!important;border-radius:16px!important;}
  .section-box .mini-service h3{font-size:11.5px!important;line-height:1.25!important;min-height:48px!important;font-weight:800!important;}
  .lu-order-modal{padding:10px!important;background:rgba(2,8,20,.82)!important;}
  .lu-orderbox-pro{width:calc(100vw - 20px)!important;max-height:88vh!important;border-radius:18px!important;box-shadow:0 25px 70px rgba(0,0,0,.55)!important;}
  .lu-orderbox-pro .lu-ob-head{height:58px!important;padding:0 14px!important;background:linear-gradient(90deg,#152247,#081a2c)!important;}
  .lu-orderbox-pro .lu-order-title{font-size:17px!important;gap:9px!important;}
  .lu-orderbox-pro .lu-order-title i,.lu-orderbox-pro .lu-modal-close{width:34px!important;height:34px!important;border-radius:10px!important;}
  .lu-orderbox-pro .lu-ob-body{padding:14px!important;}
  .lu-orderbox-pro .lu-order-top{grid-template-columns:1fr!important;gap:9px!important;padding-bottom:12px!important;margin-bottom:10px!important;}
  .lu-orderbox-pro .lu-order-main h2{font-size:16px!important;line-height:1.25!important;max-width:none!important;}
  .lu-orderbox-pro .lu-pill{height:25px!important;font-size:11px!important;padding:0 10px!important;margin-bottom:8px!important;}
  .lu-orderbox-pro .lu-order-price{display:flex!important;align-items:center!important;text-align:left!important;gap:8px!important;min-width:0!important;}
  .lu-orderbox-pro .lu-order-price b{font-size:24px!important;}
  .lu-orderbox-pro .lu-order-price .lu-pill.small{margin:0 0 0 auto!important;}
  .lu-orderbox-pro .lu-balance-box{padding:11px!important;gap:5px!important;}
  .lu-orderbox-pro .lu-preview-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important;}
  .lu-orderbox-pro .lu-preview-card{min-height:66px!important;padding:8px!important;border-radius:11px!important;}
  .lu-orderbox-pro .input{height:44px!important;font-size:13px!important;}
  .lu-orderbox-pro .lu-order-actions{grid-template-columns:1fr!important;gap:8px!important;}
  .lu-orderbox-pro .lu-order-actions .btn{height:45px!important;font-size:13px!important;}
}

/* ===== HI-FIDELITY FINAL: MATCH CLEAN MOCKUP, REMOVE BREADCRUMB ===== */
.breadcrumbs,
.video-filter-panel .breadcrumb,
.service-filter-panel .breadcrumb,
.lu-video-filter .breadcrumb,
.service-hero .breadcrumbs{
  display:none!important;
}
.service-hero{
  width:min(1120px,calc(100% - 44px))!important;
  margin:18px auto 24px!important;
  padding:24px 28px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.service-hero .tabs{
  margin:0 0 16px!important;
  gap:10px!important;
}
.service-hero .tabs a{
  height:36px!important;
  min-width:86px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 15px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#e7f1ff!important;
  background:rgba(10,23,43,.82)!important;
  border:1px solid rgba(127,154,196,.38)!important;
}
.service-hero .tabs a.active{
  background:linear-gradient(135deg,#1671ff,#09c8e4)!important;
  border-color:rgba(15,190,240,.75)!important;
  box-shadow:0 10px 30px rgba(0,153,255,.20)!important;
}
.svc-filters{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) 260px 118px!important;
  gap:14px!important;
  padding:14px!important;
  border:1px solid rgba(191,216,245,.78)!important;
  border-radius:14px!important;
  background:rgba(4,12,25,.52)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
}
.svc-filters input,.svc-filters select{
  height:46px!important;
  border-radius:8px!important;
  background:rgba(3,12,24,.92)!important;
  border:1px solid rgba(91,113,150,.55)!important;
  color:#f8fbff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.svc-reset{
  height:46px!important;
  border-radius:8px!important;
  background:#162544!important;
  color:#8db7ff!important;
  font-size:12px!important;
  font-weight:950!important;
}
.video-services-grid{
  width:min(1120px,calc(100% - 44px))!important;
  max-width:1120px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px 16px!important;
  margin:0 auto 36px!important;
}
.video-svc-card{
  min-height:118px!important;
  grid-template-columns:66px minmax(0,1fr) 82px!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px!important;
  border-radius:10px!important;
  background:rgba(8,22,42,.86)!important;
  border:1px solid rgba(56,84,124,.68)!important;
  border-left:3px solid #08c8f0!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  cursor:pointer!important;
}
.video-svc-card:hover,
.video-svc-card.is-selected{
  transform:translateY(-2px)!important;
  border-color:#1e82ff!important;
  box-shadow:0 0 0 1px rgba(30,130,255,.44),0 14px 45px rgba(0,111,255,.22)!important;
}
.video-svc-card .svc-icon{
  width:58px!important;
  height:58px!important;
  border-radius:8px!important;
}
.video-svc-card .svc-info h3,
.video-svc-card .svc-title-click{
  color:#fff!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:900!important;
  max-height:58px!important;
  -webkit-line-clamp:3!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
}
.video-svc-card .svc-meta{
  gap:12px!important;
  flex-wrap:wrap!important;
}
.video-svc-card .svc-price{
  font-size:17px!important;
  font-weight:950!important;
  color:#fff!important;
}
.video-svc-card .svc-time{
  font-size:11px!important;
  color:#2a8cff!important;
  background:rgba(0,96,255,.20)!important;
  border:1px solid rgba(39,112,255,.25)!important;
}
.video-svc-card .svc-order{
  width:78px!important;
  min-width:78px!important;
  height:36px!important;
  border-radius:8px!important;
  font-size:12px!important;
  align-self:end!important;
  margin-bottom:4px!important;
}
/* desktop order modal like mockup, compact and clean */
.lu-order-modal{align-items:center!important;padding:24px!important;background:rgba(1,7,18,.78)!important;backdrop-filter:blur(10px)!important;}
.lu-orderbox-pro{
  width:min(760px,calc(100vw - 80px))!important;
  max-height:86vh!important;
  overflow:auto!important;
  background:#071225!important;
  border:1px solid rgba(71,112,169,.55)!important;
  border-radius:16px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 50px rgba(0,148,255,.08)!important;
  color:#fff!important;
}
.lu-orderbox-pro .lu-ob-head{height:58px!important;padding:0 18px!important;background:linear-gradient(90deg,#15254e,#071a2f)!important;border-bottom:1px solid rgba(91,131,184,.35)!important;}
.lu-orderbox-pro .lu-order-title{font-size:18px!important;color:#fff!important;}
.lu-orderbox-pro .lu-order-title i{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(104,89,255,.25)!important;color:#8d7cff!important;}
.lu-orderbox-pro .lu-modal-close{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;}
.lu-orderbox-pro .lu-ob-body{padding:18px 22px!important;}
.lu-orderbox-pro .lu-order-top{grid-template-columns:1fr auto!important;gap:18px!important;border-bottom:1px solid rgba(148,163,184,.20)!important;padding-bottom:14px!important;margin-bottom:14px!important;}
.lu-orderbox-pro .lu-order-main h2{font-size:18px!important;line-height:1.3!important;font-weight:950!important;max-width:520px!important;color:#fff!important;}
.lu-orderbox-pro .lu-delivery-line{font-size:12px!important;color:#b9c5d8!important;margin-top:7px!important;}
.lu-orderbox-pro .lu-order-price b{font-size:28px!important;color:#3295ff!important;}
.lu-orderbox-pro .lu-order-price small{font-size:12px!important;color:#d4ddea!important;}
.lu-orderbox-pro .lu-pill{height:24px!important;border-radius:999px!important;padding:0 10px!important;background:#ffec78!important;color:#101828!important;font-size:11px!important;font-weight:950!important;}
.lu-orderbox-pro .lu-balance-box{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:13px 16px!important;border-radius:10px!important;background:rgba(12,24,45,.72)!important;border:1px solid rgba(86,111,153,.42)!important;margin-bottom:14px!important;}
.lu-orderbox-pro .lu-balance-box div{display:block!important;border-right:1px solid rgba(148,163,184,.16)!important;padding:0 14px!important;}
.lu-orderbox-pro .lu-balance-box div:last-child{border-right:0!important;}
.lu-orderbox-pro .lu-balance-box span{display:block!important;color:#b7c3d6!important;font-size:12px!important;margin-bottom:5px!important;}
.lu-orderbox-pro .lu-balance-box b{font-size:13.5px!important;color:#fff!important;}
.lu-orderbox-pro .after-balance{color:#3295ff!important;}
.lu-orderbox-pro .lu-preview-grid{display:none!important;}
.lu-orderbox-pro label{color:#fff!important;font-size:13px!important;font-weight:950!important;margin:0 0 8px!important;}
.lu-orderbox-pro .input{height:44px!important;border-radius:8px!important;background:#08162a!important;border:1px solid rgba(120,147,187,.48)!important;color:#fff!important;font-size:13px!important;}
.lu-orderbox-pro .lu-order-actions{display:grid!important;grid-template-columns:1fr 160px!important;gap:12px!important;margin-top:14px!important;}
.lu-orderbox-pro .lu-order-actions .btn{height:44px!important;border-radius:8px!important;font-size:14px!important;font-weight:950!important;}
.lu-orderbox-pro .lu-order-actions .btn.out{background:transparent!important;color:#fff!important;border:1px solid rgba(165,183,211,.40)!important;}
.lu-orderbox-pro .lu-secure{font-size:12px!important;color:#9eabc0!important;margin:12px 0 0!important;text-align:center!important;}
/* light mode readable service banner/card text */
body.light .service-hero{background:transparent!important;}
body.light .svc-filters{background:rgba(255,255,255,.55)!important;border-color:rgba(184,205,236,.95)!important;}
body.light .svc-filters input,body.light .svc-filters select{background:rgba(255,255,255,.94)!important;color:#0f172a!important;border-color:#cbd9ec!important;}
body.light .video-svc-card{background:rgba(255,255,255,.70)!important;color:#0f172a!important;border-color:#c7d8f0!important;}
body.light .video-svc-card .svc-info h3,body.light .video-svc-card .svc-title-click{color:#0b1220!important;}
body.light .video-svc-card .svc-price{color:#0f172a!important;}
@media(max-width:700px){
  .service-hero{width:calc(100% - 24px)!important;margin:10px auto 14px!important;padding:0!important;}
  .service-hero .tabs{margin:0 0 12px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;overflow:visible!important;}
  .service-hero .tabs a{height:32px!important;min-width:0!important;padding:0 6px!important;font-size:11px!important;border-radius:7px!important;white-space:nowrap!important;}
  .svc-filters{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:10px!important;background:rgba(7,17,33,.62)!important;}
  .svc-filters input,.svc-filters select{height:40px!important;border-radius:7px!important;font-size:12px!important;}
  .svc-reset{height:40px!important;border-radius:7px!important;display:none!important;}
  .video-services-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:78px!important;}
  .video-svc-card{min-height:96px!important;grid-template-columns:54px minmax(0,1fr) 64px!important;padding:12px!important;gap:11px!important;border-radius:10px!important;}
  .video-svc-card .svc-icon{width:50px!important;height:50px!important;}
  .video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:12.4px!important;line-height:1.35!important;max-height:50px!important;-webkit-line-clamp:3!important;margin-bottom:8px!important;}
  .video-svc-card .svc-price{font-size:14px!important;}
  .video-svc-card .svc-time{font-size:10px!important;padding:4px 7px!important;}
  .video-svc-card .svc-order{width:58px!important;min-width:58px!important;height:30px!important;font-size:10px!important;}
  .lu-order-modal{padding:8px!important;align-items:flex-end!important;}
  .lu-orderbox-pro{width:100%!important;max-height:88vh!important;border-radius:18px 18px 0 0!important;}
  .lu-orderbox-pro .lu-ob-head{height:54px!important;padding:0 14px!important;}
  .lu-orderbox-pro .lu-order-title{font-size:16px!important;}
  .lu-orderbox-pro .lu-ob-body{padding:14px!important;}
  .lu-orderbox-pro .lu-order-top{grid-template-columns:1fr!important;gap:8px!important;}
  .lu-orderbox-pro .lu-order-main h2{font-size:14px!important;line-height:1.28!important;max-width:none!important;}
  .lu-orderbox-pro .lu-order-price{display:flex!important;align-items:center!important;gap:7px!important;}
  .lu-orderbox-pro .lu-order-price b{font-size:20px!important;}
  .lu-orderbox-pro .lu-order-price .lu-pill.small{margin-left:auto!important;}
  .lu-orderbox-pro .lu-balance-box{grid-template-columns:repeat(3,1fr)!important;padding:10px!important;}
  .lu-orderbox-pro .lu-balance-box div{padding:0 7px!important;}
  .lu-orderbox-pro .lu-balance-box span{font-size:10px!important;}
  .lu-orderbox-pro .lu-balance-box b{font-size:11px!important;}
  .lu-orderbox-pro .input{height:42px!important;}
  .lu-orderbox-pro .lu-order-actions{grid-template-columns:1fr 104px!important;gap:8px!important;}
  .lu-orderbox-pro .lu-order-actions .btn{height:42px!important;font-size:12px!important;}
  body.light .service-hero .tabs a{background:#fff!important;color:#0f172a!important;border-color:#cbd9ec!important;}
  body.light .service-hero .tabs a.active{color:#fff!important;background:linear-gradient(135deg,#1671ff,#09c8e4)!important;}
  body.light .svc-filters{background:rgba(255,255,255,.68)!important;}
  body.light .svc-filters input,body.light .svc-filters select{background:#fff!important;color:#0f172a!important;}
}

/* ===== USER REQUEST FINAL POLISH: compact banner, 4 columns, previous clean order, mobile stable ===== */
:root{--lu-final-blue:#1497ff;--lu-final-cyan:#11c7ef;--lu-final-panel:#071427;--lu-final-card:#0a1d36;}
.gsm-page{padding-top:42px!important;}
.service-hero{
  width:min(1320px,calc(100% - 56px))!important;
  margin:12px auto 22px!important;
  padding:18px 22px!important;
  background:linear-gradient(135deg,rgba(7,17,35,.72),rgba(8,34,52,.55))!important;
  border:1px solid rgba(116,145,186,.28)!important;
  border-radius:14px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.service-hero .tabs{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.service-hero .tabs a{
  height:38px!important;
  min-width:92px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  background:rgba(13,27,49,.72)!important;
  border:1px solid rgba(133,159,199,.32)!important;
  color:#eef6ff!important;
  font-size:12.5px!important;
  letter-spacing:.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.service-hero .tabs a.active{
  background:linear-gradient(135deg,#1976ff,#08c8e9)!important;
  border-color:rgba(47,203,255,.72)!important;
  box-shadow:0 12px 28px rgba(0,144,255,.20), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.svc-filters{
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) 300px 124px!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(196,219,247,.62)!important;
  background:rgba(4,13,27,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.svc-filters input,.svc-filters select{
  height:46px!important;
  border-radius:11px!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:850!important;
  background:#050f1d!important;
  color:#f8fbff!important;
  border:1px solid rgba(96,120,157,.52)!important;
  outline:none!important;
}
.svc-filters input:focus,.svc-filters select:focus{
  border-color:rgba(38,182,255,.9)!important;
  box-shadow:0 0 0 3px rgba(18,151,255,.14)!important;
}
.svc-reset{
  height:46px!important;
  border-radius:11px!important;
  border:0!important;
  background:#172a50!important;
  color:#9fc1ff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
}
.video-services-grid{
  width:min(1320px,calc(100% - 56px))!important;
  max-width:1320px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  margin:0 auto 42px!important;
}
.video-svc-card{
  min-height:128px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-areas:"icon info" "price action"!important;
  gap:10px 14px!important;
  padding:16px 14px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(8,25,48,.92),rgba(6,20,38,.92))!important;
  border:1px solid rgba(60,90,132,.68)!important;
  border-left:3px solid #0cc8f5!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
}
.video-svc-card .svc-icon{grid-area:icon!important;width:54px!important;height:54px!important;border-radius:10px!important;align-self:start!important;}
.video-svc-card .svc-info{grid-area:info!important;min-width:0!important;}
.video-svc-card .svc-info h3,.video-svc-card .svc-title-click{
  font-size:13px!important;
  line-height:1.36!important;
  font-weight:900!important;
  color:#fff!important;
  max-height:54px!important;
  -webkit-line-clamp:3!important;
  margin:0!important;
}
.video-svc-card .svc-meta{display:contents!important;}
.video-svc-card .svc-price{grid-area:price!important;font-size:17px!important;font-weight:950!important;color:#fff!important;align-self:center!important;}
.video-svc-card .svc-time{display:inline-flex!important;margin-left:74px!important;transform:translateY(-34px)!important;width:max-content!important;max-width:110px!important;height:22px!important;font-size:10px!important;padding:0 8px!important;border-radius:7px!important;color:#2d92ff!important;background:rgba(0,96,255,.20)!important;border:1px solid rgba(39,112,255,.22)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.video-svc-card .svc-order{grid-area:action!important;justify-self:end!important;align-self:center!important;width:78px!important;min-width:78px!important;height:34px!important;border-radius:9px!important;font-size:11.5px!important;}
.video-svc-card:hover,.video-svc-card.is-selected{transform:translateY(-3px)!important;border-color:#2acaff!important;box-shadow:0 0 0 1px rgba(31,171,255,.48),0 16px 40px rgba(0,151,255,.20)!important;}
.video-svc-card.is-selected:after{border-radius:15px!important;}

/* restore compact previous order popup style */
.lu-order-modal{display:none;position:fixed!important;inset:0!important;place-items:center!important;align-items:center!important;justify-items:center!important;padding:22px!important;background:rgba(2,7,17,.78)!important;backdrop-filter:blur(10px)!important;z-index:9999!important;}
.lu-orderbox-pro{
  width:min(720px,calc(100vw - 70px))!important;
  max-height:min(82vh,720px)!important;
  overflow:auto!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#08142a,#050b18)!important;
  border:1px solid rgba(67,112,177,.52)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 42px rgba(0,147,255,.10)!important;
  color:#fff!important;
}
.lu-orderbox-pro .lu-ob-head{height:58px!important;padding:0 18px!important;background:linear-gradient(90deg,#162650,#07182f)!important;border-bottom:1px solid rgba(78,118,174,.34)!important;}
.lu-orderbox-pro .lu-order-title{font-size:18px!important;font-weight:950!important;}
.lu-orderbox-pro .lu-order-title i{width:36px!important;height:36px!important;border-radius:11px!important;background:rgba(108,91,255,.24)!important;color:#8d82ff!important;}
.lu-orderbox-pro .lu-modal-close{width:36px!important;height:36px!important;border-radius:11px!important;}
.lu-orderbox-pro .lu-ob-body{padding:18px 22px 20px!important;}
.lu-orderbox-pro .lu-order-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;margin-bottom:14px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;}
.lu-orderbox-pro .lu-order-main h2{font-size:17.5px!important;line-height:1.28!important;font-weight:950!important;max-width:500px!important;margin:8px 0 0!important;}
.lu-orderbox-pro .lu-delivery-line{font-size:12px!important;margin:7px 0 0!important;color:#b7c4d7!important;}
.lu-orderbox-pro .lu-order-price{text-align:right!important;min-width:128px!important;}
.lu-orderbox-pro .lu-order-price b{font-size:27px!important;color:#3297ff!important;line-height:1!important;}
.lu-orderbox-pro .lu-order-price small{font-size:12px!important;color:#e3ebf6!important;margin-left:4px!important;}
.lu-orderbox-pro .lu-pill{height:25px!important;padding:0 12px!important;border-radius:999px!important;background:#ffed78!important;color:#0c1220!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.lu-orderbox-pro .lu-order-price .lu-pill.small{margin-top:12px!important;float:right!important;}
.lu-orderbox-pro .lu-balance-box{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:12px 14px!important;margin:0 0 13px!important;border-radius:12px!important;background:rgba(10,23,44,.72)!important;border:1px solid rgba(90,116,157,.42)!important;}
.lu-orderbox-pro .lu-balance-box div{display:block!important;padding:0 13px!important;border-right:1px solid rgba(148,163,184,.16)!important;}
.lu-orderbox-pro .lu-balance-box div:last-child{border-right:0!important;}
.lu-orderbox-pro .lu-balance-box span{display:block!important;font-size:11.5px!important;color:#b9c4d4!important;margin-bottom:5px!important;}
.lu-orderbox-pro .lu-balance-box b{font-size:13.5px!important;color:#fff!important;}
.lu-orderbox-pro .after-balance{color:#3397ff!important;}
.lu-orderbox-pro .lu-preview-grid{display:none!important;}
.lu-orderbox-pro label{display:block!important;margin:0 0 8px!important;color:#fff!important;font-size:13px!important;font-weight:950!important;}
.lu-orderbox-pro .input{height:44px!important;border-radius:10px!important;background:#08182d!important;border:1px solid rgba(116,143,184,.48)!important;color:#fff!important;font-size:16px!important;padding:0 16px!important;}
.lu-orderbox-pro .lu-order-actions{display:grid!important;grid-template-columns:1fr 150px!important;gap:12px!important;margin-top:14px!important;}
.lu-orderbox-pro .lu-order-actions .btn{height:44px!important;border-radius:10px!important;font-size:14px!important;font-weight:950!important;}
.lu-orderbox-pro .lu-order-actions .btn.out{background:transparent!important;color:#fff!important;border:1px solid rgba(166,184,213,.40)!important;}
.lu-orderbox-pro .lu-secure{font-size:12px!important;color:#9ba8bb!important;margin:12px 0 0!important;text-align:center!important;}

body.light .service-hero{background:rgba(238,247,255,.58)!important;border-color:rgba(190,211,239,.9)!important;}
body.light .service-hero .tabs a{background:#fff!important;color:#101a2c!important;border-color:#cbd9ec!important;}
body.light .service-hero .tabs a.active{background:linear-gradient(135deg,#1976ff,#08c8e9)!important;color:#fff!important;}
body.light .svc-filters{background:rgba(255,255,255,.75)!important;border-color:rgba(178,202,233,.95)!important;}
body.light .svc-filters input,body.light .svc-filters select{background:#fff!important;color:#111827!important;border-color:#cbd9ec!important;}
body.light .svc-reset{background:#eaf2ff!important;color:#2475db!important;}
body.light .video-svc-card{background:rgba(255,255,255,.86)!important;border-color:#c9dbf1!important;color:#0b1220!important;}
body.light .video-svc-card .svc-info h3,body.light .video-svc-card .svc-title-click,body.light .video-svc-card .svc-price{color:#0b1220!important;text-shadow:none!important;}

@media(max-width:1200px){.video-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.svc-filters{grid-template-columns:minmax(260px,1fr) 260px 115px!important;}}
@media(max-width:700px){
  html{overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;}body{overflow-x:hidden!important;touch-action:pan-y!important;}
  input,select,textarea,button{font-size:16px!important;}
  .gsm-page{padding-top:14px!important;}
  .service-hero{width:calc(100% - 24px)!important;margin:8px auto 14px!important;padding:12px!important;border-radius:16px!important;background:rgba(7,18,35,.68)!important;}
  .service-hero .tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:10px!important;}
  .service-hero .tabs a{height:34px!important;min-width:0!important;padding:0 5px!important;border-radius:9px!important;font-size:10.5px!important;white-space:nowrap!important;}
  .svc-filters{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:14px!important;border-color:rgba(120,151,193,.42)!important;background:rgba(5,15,29,.72)!important;}
  .svc-filters input,.svc-filters select{height:44px!important;font-size:16px!important;border-radius:10px!important;padding:0 13px!important;}
  .svc-reset{display:none!important;}
  .video-services-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:92px!important;}
  .video-svc-card{min-height:104px!important;grid-template-columns:54px minmax(0,1fr) 62px!important;grid-template-areas:"icon info action" "icon price action"!important;padding:12px!important;gap:8px 11px!important;border-radius:12px!important;}
  .video-svc-card .svc-icon{width:50px!important;height:50px!important;}
  .video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:12.5px!important;line-height:1.32!important;max-height:50px!important;-webkit-line-clamp:3!important;}
  .video-svc-card .svc-price{font-size:14.5px!important;}
  .video-svc-card .svc-time{display:none!important;}
  .video-svc-card .svc-order{width:58px!important;min-width:58px!important;height:31px!important;font-size:10.5px!important;align-self:center!important;}
  .lu-order-modal{display:none;align-items:center!important;justify-items:center!important;place-items:center!important;padding:12px!important;overflow:hidden!important;}
  .lu-orderbox-pro{width:calc(100vw - 24px)!important;max-height:86vh!important;border-radius:20px!important;overflow:auto!important;}
  .lu-orderbox-pro .lu-ob-head{height:56px!important;padding:0 14px!important;}
  .lu-orderbox-pro .lu-order-title{font-size:16px!important;}
  .lu-orderbox-pro .lu-ob-body{padding:14px!important;}
  .lu-orderbox-pro .lu-order-top{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:12px!important;}
  .lu-orderbox-pro .lu-order-main h2{font-size:14.5px!important;line-height:1.28!important;max-width:none!important;margin-top:8px!important;}
  .lu-orderbox-pro .lu-order-price{display:flex!important;align-items:center!important;text-align:left!important;min-width:0!important;gap:7px!important;}
  .lu-orderbox-pro .lu-order-price b{font-size:21px!important;}
  .lu-orderbox-pro .lu-order-price .lu-pill.small{float:none!important;margin:0 0 0 auto!important;}
  .lu-orderbox-pro .lu-balance-box{grid-template-columns:repeat(3,1fr)!important;padding:10px!important;border-radius:11px!important;}
  .lu-orderbox-pro .lu-balance-box div{padding:0 7px!important;}
  .lu-orderbox-pro .lu-balance-box span{font-size:10px!important;}
  .lu-orderbox-pro .lu-balance-box b{font-size:11.5px!important;}
  .lu-orderbox-pro .input{height:42px!important;font-size:16px!important;}
  .lu-orderbox-pro .lu-order-actions{grid-template-columns:1fr 96px!important;gap:8px!important;}
  .lu-orderbox-pro .lu-order-actions .btn{height:42px!important;font-size:12px!important;}
  body.light .service-hero{background:rgba(239,247,255,.74)!important;}
  body.light .svc-filters{background:rgba(255,255,255,.82)!important;}
  body.light .svc-filters input,body.light .svc-filters select{color:#101828!important;background:#fff!important;}
}

/* === FINAL SERVICE CARD POLISH: desktop + mobile readable names === */
.video-services-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.video-svc-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 84px!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"icon info action" "icon meta action"!important;
  min-height:96px!important;
  padding:13px 14px!important;
  gap:8px 13px!important;
  align-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(8,23,43,.94),rgba(7,19,37,.96))!important;
  border:1px solid rgba(57,87,128,.72)!important;
  border-left:4px solid #0acbf5!important;
  overflow:hidden!important;
}
.video-svc-card .svc-icon{
  grid-area:icon!important;
  width:58px!important;
  height:58px!important;
  border-radius:10px!important;
  align-self:center!important;
}
.video-svc-card .svc-info{
  grid-area:info!important;
  min-width:0!important;
  align-self:end!important;
}
.video-svc-card .svc-info h3,
.video-svc-card .svc-title-click{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  max-height:40px!important;
  overflow:hidden!important;
  color:#ffffff!important;
  font-size:13.5px!important;
  line-height:1.32!important;
  font-weight:900!important;
  margin:0!important;
  letter-spacing:-.01em!important;
  text-shadow:none!important;
}
.video-svc-card .svc-info .svc-meta{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
  margin-top:9px!important;
}
.video-svc-card .svc-price{
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  font-size:15.5px!important;
  font-weight:950!important;
  line-height:1!important;
  min-width:auto!important;
  white-space:nowrap!important;
}
.video-svc-card .svc-time{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100px!important;
  height:22px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  color:#268dff!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:rgba(0,96,255,.22)!important;
  border:1px solid rgba(41,113,255,.28)!important;
  transform:none!important;
  margin:0!important;
}
.video-svc-card .svc-order{
  grid-area:action!important;
  justify-self:end!important;
  align-self:center!important;
  width:76px!important;
  min-width:76px!important;
  height:34px!important;
  margin:0!important;
  border-radius:9px!important;
  font-size:12px!important;
}
body.light .video-svc-card{background:rgba(255,255,255,.94)!important;border-color:#c8dbf3!important;color:#0b1220!important;}
body.light .video-svc-card .svc-info h3,
body.light .video-svc-card .svc-title-click,
body.light .video-svc-card .svc-price{color:#0b1220!important;}
body.light .video-svc-card .svc-time{color:#1574e8!important;background:#e9f2ff!important;border-color:#c6dcff!important;}

@media(min-width:1260px){
  .video-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .video-services-grid{width:calc(100% - 22px)!important;gap:10px!important;}
  .video-svc-card{
    grid-template-columns:54px minmax(0,1fr) 64px!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"icon info action" "icon meta action"!important;
    min-height:94px!important;
    padding:11px 12px!important;
    gap:7px 10px!important;
    border-radius:13px!important;
  }
  .video-svc-card .svc-icon{width:50px!important;height:50px!important;border-radius:10px!important;}
  .video-svc-card .svc-info h3,
  .video-svc-card .svc-title-click{
    -webkit-line-clamp:3!important;
    max-height:50px!important;
    font-size:12.5px!important;
    line-height:1.30!important;
    color:#fff!important;
  }
  .video-svc-card .svc-info .svc-meta{margin-top:8px!important;gap:7px!important;}
  .video-svc-card .svc-price{font-size:14px!important;}
  .video-svc-card .svc-time{display:inline-flex!important;max-width:82px!important;height:20px!important;font-size:9px!important;padding:0 6px!important;}
  .video-svc-card .svc-order{width:58px!important;min-width:58px!important;height:31px!important;font-size:10.5px!important;}
  body.light .video-svc-card .svc-info h3,
  body.light .video-svc-card .svc-title-click,
  body.light .video-svc-card .svc-price{color:#0b1220!important;}
}

/* === 2026-06-08 FINAL REAL POLISH: neat desktop rows, counters, fixed mobile cards === */
.service-hero{
  width:min(1180px,calc(100% - 44px))!important;
  margin:22px auto 22px!important;
  padding:22px 26px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(5,18,36,.92),rgba(6,44,60,.78))!important;
  border:1px solid rgba(82,119,165,.42)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.16)!important;
}
.service-hero-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;}
.service-hero .breadcrumbs{margin:0!important;color:#b8c6db!important;font-size:13px!important;font-weight:900!important;letter-spacing:.01em!important;}
.service-count-pill{height:30px!important;min-width:64px!important;padding:0 12px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#eaf4ff!important;font-size:12px!important;font-weight:900!important;}
.service-count-pill i{font-size:11px!important;color:#a9c2df!important;}
.service-hero .tabs{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important;}
.service-hero .tabs a{height:36px!important;min-width:86px!important;padding:0 15px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important;color:#fff!important;background:#111b2d!important;border:1px solid rgba(150,171,205,.24)!important;box-shadow:none!important;}
.service-hero .tabs a.active{background:linear-gradient(135deg,#167cff,#09c5e8)!important;box-shadow:0 10px 28px rgba(0,169,255,.22)!important;border-color:rgba(91,207,255,.5)!important;}
.svc-filters{display:grid!important;grid-template-columns:minmax(280px,1fr) 260px 112px!important;gap:10px!important;padding:10px!important;border-radius:14px!important;background:rgba(4,13,25,.72)!important;border:1px solid rgba(148,170,205,.56)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.svc-filters input,.svc-filters select{height:40px!important;border-radius:10px!important;padding:0 14px!important;background:#06101d!important;border:1px solid rgba(127,150,188,.36)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;}
.svc-filters input::placeholder{color:#99a7bd!important;opacity:.95!important;}
.svc-reset{height:40px!important;border-radius:10px!important;background:#16294d!important;border:0!important;color:#7eb4ff!important;font-size:12px!important;font-weight:950!important;letter-spacing:.06em!important;}
.video-services-grid{width:min(1180px,calc(100% - 44px))!important;max-width:1180px!important;margin:0 auto 54px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 14px!important;align-items:stretch!important;}
.video-svc-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) 76px!important;grid-template-rows:auto auto!important;grid-template-areas:"icon title action" "icon meta action"!important;align-items:center!important;min-height:88px!important;padding:12px 12px!important;gap:6px 12px!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(7,22,42,.96),rgba(8,23,42,.98))!important;border:1px solid rgba(59,88,128,.78)!important;border-left:4px solid #12cff5!important;box-shadow:none!important;overflow:hidden!important;contain:none!important;}
.video-svc-card .svc-icon{grid-area:icon!important;width:52px!important;height:52px!important;border-radius:9px!important;align-self:center!important;background:linear-gradient(145deg,#226aff,#14cce9)!important;color:#fff!important;display:grid!important;place-items:center!important;line-height:1!important;}
.video-svc-card .svc-icon i{font-size:13px!important;line-height:1!important;}
.video-svc-card .svc-icon b{font-size:20px!important;font-weight:950!important;line-height:1!important;margin-top:-5px!important;}
.video-svc-card .svc-info{display:contents!important;min-width:0!important;}
.video-svc-card .svc-info h3,.video-svc-card .svc-title-click{grid-area:title!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:37px!important;margin:0!important;color:#ffffff!important;font-size:12.8px!important;line-height:1.34!important;font-weight:950!important;letter-spacing:-.01em!important;text-shadow:none!important;white-space:normal!important;word-break:normal!important;}
.video-svc-card .svc-info .svc-meta{grid-area:meta!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:0!important;}
.video-svc-card .svc-price{display:inline-flex!important;align-items:center!important;color:#fff!important;font-size:15px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;min-width:58px!important;}
.video-svc-card .svc-time{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:21px!important;max-width:92px!important;width:auto!important;padding:0 7px!important;border-radius:6px!important;background:rgba(11,96,255,.22)!important;border:1px solid rgba(50,115,255,.28)!important;color:#2f8fff!important;font-size:9.5px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;margin:0!important;}
.video-svc-card .svc-order{grid-area:action!important;justify-self:end!important;align-self:center!important;width:70px!important;min-width:70px!important;height:31px!important;border-radius:8px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:linear-gradient(135deg,#1c75ff,#09c7e9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,139,255,.20)!important;border:0!important;}
.video-svc-card:hover,.video-svc-card.is-selected{transform:translateY(-2px)!important;border-color:#34d7ff!important;box-shadow:0 0 0 1px rgba(34,211,238,.45),0 14px 34px rgba(0,168,255,.16)!important;}
body.light .service-hero{background:rgba(239,247,255,.78)!important;border-color:#c6daf2!important;}
body.light .service-hero .breadcrumbs{color:#25364f!important;}
body.light .service-count-pill{background:#fff!important;border-color:#d4e2f3!important;color:#24334a!important;}
body.light .svc-filters{background:rgba(255,255,255,.78)!important;border-color:#bcd3ee!important;}
body.light .svc-filters input,body.light .svc-filters select{background:#fff!important;color:#101828!important;border-color:#cbd9ec!important;}
body.light .video-svc-card{background:rgba(255,255,255,.95)!important;border-color:#c8dbf3!important;color:#0b1220!important;}
body.light .video-svc-card .svc-info h3,body.light .video-svc-card .svc-title-click,body.light .video-svc-card .svc-price{color:#0b1220!important;}
body.light .video-svc-card .svc-time{color:#146fdd!important;background:#e8f2ff!important;border-color:#c5dbff!important;}

@media(max-width:1260px){
  .video-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .service-hero{width:calc(100% - 28px)!important;margin:12px auto 16px!important;padding:14px!important;border-radius:18px!important;background:rgba(7,18,35,.82)!important;}
  .service-hero-top{display:none!important;}
  .service-hero .tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;}
  .service-hero .tabs a{min-width:0!important;width:100%!important;height:38px!important;padding:0 6px!important;border-radius:11px!important;font-size:12px!important;}
  .svc-filters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:16px!important;background:rgba(6,16,31,.74)!important;border-color:rgba(116,145,190,.45)!important;}
  .svc-filters input,.svc-filters select{height:48px!important;border-radius:12px!important;font-size:16px!important;padding:0 14px!important;min-width:0!important;}
  .svc-reset{display:none!important;}
  .video-services-grid{width:calc(100% - 28px)!important;max-width:none!important;margin:0 auto 96px!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .video-svc-card{width:100%!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 72px!important;grid-template-areas:"icon title action" "icon meta action"!important;min-height:96px!important;padding:13px!important;gap:7px 12px!important;border-radius:14px!important;overflow:hidden!important;}
  .video-svc-card .svc-icon{width:54px!important;height:54px!important;border-radius:12px!important;}
  .video-svc-card .svc-info{display:contents!important;}
  .video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:13.2px!important;line-height:1.33!important;-webkit-line-clamp:3!important;max-height:54px!important;color:#fff!important;}
  .video-svc-card .svc-info .svc-meta{gap:7px!important;}
  .video-svc-card .svc-price{font-size:15px!important;min-width:58px!important;color:#fff!important;}
  .video-svc-card .svc-time{display:inline-flex!important;max-width:92px!important;height:21px!important;font-size:9px!important;}
  .video-svc-card .svc-order{width:66px!important;min-width:66px!important;height:33px!important;border-radius:9px!important;font-size:11px!important;}
  body.light .service-hero{background:rgba(238,247,255,.86)!important;}
  body.light .service-hero .tabs a{background:#fff!important;color:#102033!important;border-color:#cbd9ec!important;}
  body.light .service-hero .tabs a.active{background:linear-gradient(135deg,#167cff,#09c5e8)!important;color:#fff!important;}
  body.light .svc-filters{background:rgba(255,255,255,.90)!important;}
  body.light .video-svc-card .svc-info h3,body.light .video-svc-card .svc-title-click,body.light .video-svc-card .svc-price{color:#0b1220!important;}
  .lu-order-modal{align-items:center!important;justify-items:center!important;place-items:center!important;padding:14px!important;overflow:hidden!important;}
  .lu-orderbox-pro{width:calc(100vw - 28px)!important;max-height:86vh!important;margin:auto!important;border-radius:20px!important;}
}

/* === Desktop services width match dashboard.php (mobile untouched) === */
@media (min-width: 761px){
  .service-hero,
  .video-services-grid{
    width:min(1380px, calc(100% - 44px)) !important;
    max-width:1380px !important;
  }
  .service-hero{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .video-services-grid{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ===== DESKTOP WIDTH MATCH DASHBOARD + AUTO LOCATION PATCH ===== */
@media (min-width:1101px){
  body.lu-public-ui .service-hero,
  body.lu-public-ui .video-services-grid{
    width:min(1500px, calc(100% - 44px)) !important;
    max-width:min(1500px, calc(100% - 44px)) !important;
  }
  body.lu-public-ui .service-hero{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.lu-public-ui .video-services-grid{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* === 2026-06-08 LOCATION + COMPACT SERVICE BANNER FIX === */
@media (min-width: 1101px){
  body.lu-public-ui .gsm-page{padding-top:24px!important;}
  body.lu-public-ui .service-hero{
    width:min(1280px, calc(100% - 150px))!important;
    max-width:1280px!important;
    margin:6px auto 18px!important;
    padding:16px 20px!important;
    border-radius:15px!important;
  }
  body.lu-public-ui .service-hero-top{margin-bottom:12px!important;}
  body.lu-public-ui .service-count-pill{min-width:96px!important;height:30px!important;padding:0 12px!important;}
  body.lu-public-ui .service-count-pill .count-label{margin-left:3px!important;text-transform:lowercase!important;}
  body.lu-public-ui .service-hero .tabs{margin-bottom:12px!important;}
  body.lu-public-ui .svc-filters{padding:9px!important;gap:10px!important;}
  body.lu-public-ui .svc-filters input,
  body.lu-public-ui .svc-filters select,
  body.lu-public-ui .svc-reset{height:38px!important;}
  body.lu-public-ui .video-services-grid{
    width:min(1280px, calc(100% - 150px))!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (min-width: 1500px){
  body.lu-public-ui .video-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
/* Do not show Detecting forever */
#luAutoLocation:empty:before{content:'Location'}

/* === FINAL REQUEST: dashboard width, pretty instant time, service counters, mobile bottom hide === */
@media (min-width:1101px){
  body.lu-public-ui .gsm-page{padding-top:24px!important;}
  body.lu-public-ui .service-hero,
  body.lu-public-ui .video-services-grid{
    width:min(1500px, calc(100% - 44px))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.lu-public-ui .service-hero{
    margin-top:0!important;
    margin-bottom:20px!important;
    padding:18px 24px!important;
    border-radius:18px!important;
  }
  body.lu-public-ui .video-services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px 18px!important;
  }
  body.lu-public-ui .service-count-pill{
    min-width:150px!important;
    height:38px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    background:linear-gradient(135deg,rgba(22,124,255,.20),rgba(9,197,232,.14))!important;
    border:1px solid rgba(89,193,255,.38)!important;
    box-shadow:0 10px 28px rgba(0,121,255,.10)!important;
  }
  body.lu-public-ui .service-count-pill .count-num{font-size:17px!important;font-weight:1000!important;color:#fff!important;line-height:1!important;}
  body.lu-public-ui .service-count-pill .count-label{font-size:12px!important;font-weight:950!important;color:#bfe7ff!important;text-transform:none!important;white-space:nowrap!important;margin-left:0!important;}
  body.light.lu-public-ui .service-count-pill .count-num{color:#0b1220!important;}
  body.light.lu-public-ui .service-count-pill .count-label{color:#1168d8!important;}
  body.lu-public-ui .svc-time{
    color:#7ed8ff!important;
    background:linear-gradient(135deg,rgba(0,132,255,.22),rgba(0,219,255,.12))!important;
    border:1px solid rgba(90,196,255,.34)!important;
    border-radius:999px!important;
    padding:5px 9px!important;
    font-size:10px!important;
    font-weight:950!important;
    text-transform:capitalize!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body.lu-public-ui .svc-time i{color:#1ee6ff!important;margin-right:4px!important;}
  body.light.lu-public-ui .svc-time{color:#0a65c7!important;background:#edf7ff!important;border-color:#bfdfff!important;}
}
@media (min-width:1500px){
  body.lu-public-ui .service-hero,
  body.lu-public-ui .video-services-grid,
  body.lu-public-ui .gsm-section{width:min(1500px,calc(100% - 44px))!important;}
}
@media (max-width:760px){
  body.lu-public-ui .nav,
  body.lu-public-ui .gsm-mobile-bottom{display:none!important;}
  body.lu-public-ui .gsm-chat{bottom:18px!important;}
  body.lu-public-ui .gsm-page{padding-bottom:26px!important;}
}


/* === 2026-06-08 FINAL ALIGNMENT PATCH: desktop shell + app-only mobile bottom === */
@media (min-width:1101px){
  :root{--lu-shell-max:1500px;--lu-shell-pad:44px;}
  body.lu-public-ui .gsm-container,
  body.lu-public-ui .gsm-section,
  body.lu-public-ui .dashboard-grid,
  body.lu-public-ui .dash-panels,
  body.lu-public-ui .service-hero,
  body.lu-public-ui .video-services-grid{
    width:min(var(--lu-shell-max), calc(100% - var(--lu-shell-pad)))!important;
    max-width:var(--lu-shell-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.lu-public-ui .gsm-header-inner{
    height:92px!important;
    gap:22px!important;
    justify-content:space-between!important;
  }
  body.lu-public-ui .gsm-logo{
    flex:0 0 112px!important;
    width:112px!important;
    height:44px!important;
    margin:0!important;
  }
  body.lu-public-ui .gsm-nav{
    flex:0 1 auto!important;
    margin:0 auto!important;
    min-width:0!important;
    height:56px!important;
  }
  body.lu-public-ui .gsm-actions{
    flex:0 0 auto!important;
    margin-left:0!important;
    gap:10px!important;
  }
  body.lu-public-ui .gsm-icon,
  body.lu-public-ui .gsm-lang{
    width:46px!important;
    height:46px!important;
    border-radius:13px!important;
  }
  body.lu-public-ui .gsm-lang{width:auto!important;min-width:90px!important;justify-content:center!important;}
  body.lu-public-ui .gsm-user-btn{
    height:46px!important;
    min-width:154px!important;
    padding:5px 11px!important;
    border-radius:13px!important;
  }
  body.lu-public-ui .gsm-avatar{width:34px!important;height:34px!important;border-radius:10px!important;font-size:15px!important;}
  body.lu-public-ui .gsm-user-text b{font-size:13px!important;max-width:78px!important;}
  body.lu-public-ui .gsm-user-text small{font-size:10px!important;margin-top:3px!important;}
  body.lu-public-ui .gsm-page{padding-top:18px!important;}
  body.lu-public-ui .service-hero{
    margin-top:0!important;
    margin-bottom:18px!important;
  }
  body.lu-public-ui .svc-filters{
    margin-top:0!important;
  }
}
@media (min-width:1500px){
  :root{--lu-shell-pad:110px;}
}
@media (max-width:760px){
  body.lu-public-ui .gsm-mobile-bottom{display:none!important;}
  body.lu-public-ui.lu-app-mode .gsm-mobile-bottom{display:grid!important;}
  body.lu-public-ui:not(.lu-app-mode) .gsm-chat{bottom:18px!important;}
  body.lu-public-ui.lu-app-mode .gsm-chat{bottom:84px!important;}
}


/* FINAL REQUEST: remove mobile hamburger menu in browser/header and keep sliders slower */
.gsm-mobile-menu{display:none!important;}
.gsm-mobile-drawer{display:none!important;}
body.mobile-menu-open .gsm-mobile-drawer{display:none!important;}
.service-strip .service-track{animation-duration:95s!important;}
.latest-track{animation-duration:110s!important;}


/* FINAL FIX: mobile profile menu + smooth dropdown */
@media(max-width:760px){
  body.profile-menu-open{overflow:hidden!important;}
  .gsm-user-wrap{position:relative!important;}
  .gsm-user-menu{
    position:fixed!important;
    top:84px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    background:linear-gradient(160deg,rgba(11,17,31,.98),rgba(8,38,50,.97))!important;
    border:1px solid rgba(54,175,255,.26)!important;
    border-radius:26px!important;
    box-shadow:0 32px 92px rgba(0,0,0,.58),0 0 60px rgba(0,183,255,.14)!important;
    padding:14px!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-14px) scale(.97)!important;
    transition:opacity .22s ease, transform .22s cubic-bezier(.2,.9,.2,1), visibility .22s ease!important;
    z-index:1002!important;
  }
  body.profile-menu-open:before{
    content:'';position:fixed;inset:0;z-index:1001;background:rgba(2,8,18,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  }
  body.profile-menu-open .gsm-user-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;
  }
  .gsm-user-card{padding:12px 10px 14px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;margin-bottom:8px!important;}
  .gsm-user-card b{font-size:17px!important;color:#fff!important;}
  .gsm-user-card small{font-size:13px!important;color:#8ca0bc!important;max-width:calc(100vw - 130px)!important;}
  .gsm-user-balance{padding:9px 8px 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:8px!important;}
  .gsm-user-balance span{height:28px!important;border-radius:10px!important;border-color:rgba(255,255,255,.28)!important;color:#6ee7ff!important;background:rgba(255,255,255,.05)!important;}
  .gsm-user-balance b{color:#25a4ff!important;}
  .gsm-user-menu a{height:54px!important;border-top:0!important;border-radius:17px!important;background:rgba(255,255,255,.045)!important;color:#dce8f7!important;margin:5px 0!important;padding:0 13px!important;font-size:15px!important;transition:.18s ease!important;}
  .gsm-user-menu a:hover,.gsm-user-menu a:active{background:linear-gradient(135deg,rgba(31,115,255,.28),rgba(13,197,226,.20))!important;transform:translateX(3px)!important;}
  .gsm-user-menu a i{background:linear-gradient(135deg,#23314b,#182438)!important;color:#9bd7ff!important;}
  .gsm-user-menu a.logout{color:#ff7777!important;}
}

/* FINAL FIX: remove dark fade edges from public sliders */
body.lu-public-ui .service-strip,body.lu-public-ui .latest-wrap{mask-image:none!important;-webkit-mask-image:none!important;background:transparent!important;}
body.lu-public-ui .service-strip:before,body.lu-public-ui .service-strip:after,body.lu-public-ui .latest-wrap:before,body.lu-public-ui .latest-wrap:after{display:none!important;content:none!important;}

/* FINAL FIX: login popup close button + wider LEGEND logo */
body.lu-public-ui .index-login-backdrop{
  z-index:99990!important;
  pointer-events:auto!important;
}
body.lu-public-ui .index-login-card,
body.lu-public-ui .index-signup-card{
  position:relative!important;
  z-index:99992!important;
}
body.lu-public-ui .index-login-close,
body.lu-public-ui .index-login-close.lu-auth-x{
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  z-index:99999!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  line-height:1!important;
}
body.lu-public-ui .index-login-close:hover,
body.lu-public-ui .index-login-close.lu-auth-x:hover{
  background:rgba(255,255,255,.18)!important;
  transform:scale(1.04)!important;
}
body.lu-public-ui .index-login-close i{pointer-events:none!important;}
body.lu-public-ui .lu-auth-head{padding-right:70px!important;}
body.lu-public-ui .gsm-logo{
  width:158px!important;
  min-width:158px!important;
}
body.lu-public-ui .gsm-logo b{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  letter-spacing:1.6px!important;
  font-size:18px!important;
  white-space:nowrap!important;
}
@media(max-width:1400px){
  body.lu-public-ui .gsm-logo{width:145px!important;min-width:145px!important;}
}
@media(max-width:760px){
  body.lu-public-ui .index-login-backdrop{
    align-items:flex-start!important;
    padding:72px 14px 24px!important;
    overflow:auto!important;
  }
  body.lu-public-ui .index-login-close,
  body.lu-public-ui .index-login-close.lu-auth-x{
    right:12px!important;
    top:12px!important;
    width:40px!important;
    height:40px!important;
  }
  body.lu-public-ui .lu-auth-head{padding-right:62px!important;}
  body.lu-public-ui .gsm-logo{width:116px!important;min-width:116px!important;height:38px!important;}
  body.lu-public-ui .gsm-logo b{font-size:15px!important;letter-spacing:1px!important;}
}

/* FINAL: Dashboard 1:1 public style + global footer on all user pages */
body.lu-public-ui .store-latest{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.70);border-radius:36px;padding:46px 50px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(7,18,38,.42));box-shadow:0 28px 80px rgba(0,0,0,.22);margin-top:44px;margin-bottom:54px}body.lu-public-ui .store-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(44,139,255,.65);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#59a8ff;background:rgba(43,118,255,.12);text-transform:uppercase}body.lu-public-ui .latest-title{margin:18px 0 8px;color:#fff;font-size:28px;font-weight:950;text-transform:uppercase}body.lu-public-ui .latest-title span{color:#25aaff}body.lu-public-ui .latest-sub{margin:0;color:#9baac2;font-weight:700}.latest-wrap{width:100%;overflow:hidden;margin-top:34px}.latest-track{display:flex;gap:20px;width:max-content;animation:luLatestMove 110s linear infinite}.latest-track:hover{animation-play-state:paused}@keyframes luLatestMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}body.lu-public-ui .service-strip .service-track{animation-duration:95s!important}.gsm-footer{margin-top:54px;background:#050505;color:#c8d2e2;padding:58px 0 28px}.gsm-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:38px}.gsm-footer-logo{width:112px;height:46px;object-fit:contain;background:#07101e;padding:8px;border-radius:4px}.gsm-footer-brand{margin:24px 0 0;color:#b9c6da}.gsm-footer h4{color:#fff;font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}.gsm-footer a{display:block;color:#b9c6da;text-decoration:none;margin:13px 0;font-weight:650}.gsm-footer a:hover{color:#20b7ff}.footer-social{width:36px;height:36px;border-radius:10px;background:#1c2c42;display:grid!important;place-items:center;margin-top:22px}.footer-bottom{margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#7d899c;font-size:12px}.pay-icons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pay-icons span{display:inline-flex;height:18px;align-items:center;padding:0 5px;border-radius:3px;background:#182238;color:#aebbd0;font-size:10px;font-weight:900}body.light .store-latest{background:rgba(255,255,255,.74)!important;border-color:rgba(163,187,221,.8)!important}body.light .latest-title{color:#0b1728!important}body.light .latest-sub{color:#64748b!important}.dashboard-latest .mini-service{min-height:190px}@media(max-width:980px){.latest-track{animation:none;display:grid;width:100%;grid-template-columns:1fr;gap:14px}.store-latest{padding:28px 22px;border-radius:22px}.gsm-footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{gap:16px;align-items:flex-start;flex-direction:column}}@media(max-width:620px){.store-latest{margin:26px 0 0;padding:22px 14px}.gsm-footer{padding:38px 0 22px}.gsm-footer-grid{grid-template-columns:1fr}.latest-title{font-size:22px}}


/* FINAL GLOBAL MOBILE NO LANGUAGE SELECT */
@media(max-width:760px){
  select.lu-lang-select, .gsm-lang, .lang-form, .video-lang, .desktop-topbar .lang-form, .video-actions .lang-form, .dt-actions .lang-form{
    display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;
  }
  .gsm-header-inner{gap:8px!important;}
  .gsm-actions{gap:7px!important;}
}

/* STEP2_SAFE_ONLY_LATEST_ARRIVALS_MOBILE_ALIGN - does not change service cards/grid */
@media (max-width: 980px){
  body.lu-public-ui .store-latest{
    width: calc(100% - 22px) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  body.lu-public-ui .store-latest .section-head{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    margin-bottom: 16px !important;
  }
  body.lu-public-ui .store-latest .section-head > div{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  body.lu-public-ui .store-latest .store-kicker,
  body.lu-public-ui .store-kicker{
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }
  body.lu-public-ui .store-latest .view-all{
    margin: 0 auto !important;
    align-self: center !important;
  }
  body.lu-public-ui .latest-title,
  body.lu-public-ui .latest-sub{
    text-align: center !important;
  }
  body.lu-public-ui .latest-sub{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 620px){
  body.lu-public-ui .store-latest{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body.lu-public-ui .latest-sub{
    max-width: 280px !important;
  }
}

/* LU_MOBILE_2_COLUMNS_GLOBAL_ONLY_FIX: mobile only, desktop untouched */
@media(max-width:620px){
  .service-strip{overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;}
  .service-strip .service-track{animation:none!important;display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;transform:none!important;}
  .service-strip .mini-service{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;}
  .service-strip .mini-top{height:104px!important;}
  .service-strip .mini-service h3{font-size:12px!important;line-height:1.3!important;min-height:68px!important;margin:10px 9px 8px!important;}
  .service-strip .mini-service button{width:calc(100% - 18px)!important;margin:0 9px 10px!important;height:34px!important;font-size:12px!important;}
  .store-latest{margin-left:auto!important;margin-right:auto!important;}
  .store-latest .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  .store-latest .view-all{white-space:nowrap!important;}
}

/* CMS Sliders / Home Sections / Brand Logo public rendering */
.lu-cms-slider{position:relative;overflow:hidden}.lu-cms-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.lu-cms-slide.active{opacity:1;position:relative}.lu-cms-slide img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.lu-cms-caption{position:absolute;left:42px;bottom:38px;max-width:560px;padding:20px 22px;border-radius:22px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff}.lu-cms-caption h1{margin:0 0 8px;font-size:34px;font-weight:950}.lu-cms-caption p{margin:0;color:#dbeafe;font-weight:750}.lu-cms-home-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lu-cms-home-card img{width:100%;max-height:160px;object-fit:cover;border-radius:18px;margin-bottom:14px}@media(max-width:800px){.lu-cms-caption{left:18px;right:18px;bottom:18px}.lu-cms-caption h1{font-size:24px}.lu-cms-home-sections{grid-template-columns:1fr}.lu-cms-slide img{min-height:220px}}


/* === LEGENDUNLOCKER FINAL SERVICE TITLE + ICON + THEME FIX === */
.video-services-grid{max-width:1260px!important;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important;align-items:stretch!important;}
.video-svc-card{min-height:118px!important;height:auto!important;grid-template-columns:58px minmax(0,1fr) 78px!important;padding:13px 12px!important;gap:12px!important;overflow:visible!important;align-items:center!important;}
.video-svc-card .svc-icon{width:54px!important;height:54px!important;border-radius:11px!important;display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;}
.video-svc-card .svc-icon i{display:none!important;}
.video-svc-card .svc-icon .svc-icon-emoji{font-size:25px!important;line-height:1!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));}
.video-svc-card .svc-icon b{position:absolute!important;right:5px!important;bottom:4px!important;font-size:10px!important;line-height:1!important;background:rgba(3,10,24,.42)!important;color:#fff!important;border-radius:999px!important;padding:3px 5px!important;margin:0!important;}
.video-svc-card .svc-info{min-width:0!important;overflow:visible!important;align-self:center!important;}
.video-svc-card .svc-info h3,.video-svc-card .svc-title-click{display:block!important;font-size:12.4px!important;line-height:1.24!important;font-weight:850!important;letter-spacing:-.01em!important;margin:0 0 7px!important;color:#fff!important;max-height:none!important;height:auto!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;word-break:break-word!important;hyphens:auto!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important;}
.video-svc-card .lu-svc-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:6px!important;font-size:16px!important;vertical-align:-2px!important;}
.video-svc-card .svc-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;}
.video-svc-card .svc-price{font-size:15px!important;line-height:1!important;font-weight:950!important;color:#fff!important;min-width:58px!important;}
.video-svc-card .svc-time{height:20px!important;max-width:120px!important;font-size:9px!important;line-height:1!important;padding:0 7px!important;border-radius:999px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.video-svc-card .svc-order{height:32px!important;min-width:68px!important;padding:0 9px!important;border-radius:9px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;}
@media(max-width:1180px){.video-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.video-svc-card{min-height:116px!important;}}
@media(max-width:760px){.video-services-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:10px!important;}.video-svc-card{min-height:106px!important;grid-template-columns:50px minmax(0,1fr) 62px!important;padding:11px!important;gap:10px!important;}.video-svc-card .svc-icon{width:48px!important;height:48px!important}.video-svc-card .svc-info h3,.video-svc-card .svc-title-click{font-size:12px!important;line-height:1.25!important;margin-bottom:6px!important}.video-svc-card .svc-order{min-width:58px!important;font-size:10.5px!important}.video-svc-card .svc-time{max-width:100px!important}}

/* Theme Manager: force whole public website to really change */
body.lu-public-ui.theme-legend-dark{--lu-bg:#071325;--lu-card:rgba(9,24,48,.86);--lu-border:rgba(0,229,255,.20);--lu-text:#fff;--lu-muted:#9fb0c8;--lu-primary:#00b7ff;--lu-accent:#00e5ff;background:radial-gradient(circle at top,#123566,#071325 55%,#020713)!important;color:var(--lu-text)!important;}
body.lu-public-ui.theme-neon-blue{--lu-bg:#020b1f;--lu-card:rgba(0,229,255,.09);--lu-border:rgba(0,229,255,.30);--lu-text:#eefcff;--lu-muted:#93cde0;--lu-primary:#1e88ff;--lu-accent:#00e5ff;background:radial-gradient(circle at top right,#074b7a,#020b1f 58%,#01040c)!important;color:var(--lu-text)!important;}
body.lu-public-ui.theme-apple-light,body.lu-public-ui.theme-apple-light.theme-light{--lu-bg:#f4f7fb;--lu-card:rgba(255,255,255,.92);--lu-border:#dfe7f1;--lu-text:#0d1726;--lu-muted:#607086;--lu-primary:#007aff;--lu-accent:#34c759;background:linear-gradient(135deg,#fff,#eef5ff)!important;color:var(--lu-text)!important;}
body.lu-public-ui.theme-purple-pro{--lu-bg:#12071f;--lu-card:rgba(167,90,255,.13);--lu-border:rgba(205,159,255,.28);--lu-text:#fff;--lu-muted:#cdb8e8;--lu-primary:#b45cff;--lu-accent:#ff4fd8;background:radial-gradient(circle at top,#48207a,#12071f 60%,#07020d)!important;color:var(--lu-text)!important;}
body.lu-public-ui.theme-red-premium{--lu-bg:#160608;--lu-card:rgba(255,65,65,.12);--lu-border:rgba(255,100,100,.28);--lu-text:#fff8f8;--lu-muted:#f0b0b0;--lu-primary:#ff3b3b;--lu-accent:#ffb000;background:radial-gradient(circle at top,#5b1118,#160608 60%,#070101)!important;color:var(--lu-text)!important;}
body.lu-public-ui[class*="theme-"] .gsm-header,body.lu-public-ui[class*="theme-"] .gsm-top-strip{border-color:var(--lu-border)!important;}
body.lu-public-ui.theme-apple-light .gsm-header,body.lu-public-ui.theme-apple-light .gsm-top-strip{background:rgba(255,255,255,.94)!important;color:#0d1726!important;}
body.lu-public-ui.theme-apple-light .gsm-nav a,body.lu-public-ui.theme-apple-light .strip-right a,body.lu-public-ui.theme-apple-light .gsm-top-strip a{color:#0d1726!important;}
body.lu-public-ui[class*="theme-"] .video-svc-card,body.lu-public-ui[class*="theme-"] .mini-service,body.lu-public-ui[class*="theme-"] .section-box,body.lu-public-ui[class*="theme-"] .store-latest{background:var(--lu-card)!important;border-color:var(--lu-border)!important;color:var(--lu-text)!important;}
body.lu-public-ui[class*="theme-"] .video-svc-card .svc-title-click,body.lu-public-ui[class*="theme-"] .video-svc-card .svc-price,body.lu-public-ui[class*="theme-"] .mini-service h3{color:var(--lu-text)!important;}
body.lu-public-ui[class*="theme-"] .svc-order,body.lu-public-ui[class*="theme-"] .btn,body.lu-public-ui[class*="theme-"] .view-all{background:linear-gradient(135deg,var(--lu-primary),var(--lu-accent))!important;color:#fff!important;}
body.lu-public-ui.theme-apple-light .video-svc-card .svc-title-click,body.lu-public-ui.theme-apple-light .video-svc-card .svc-price,body.lu-public-ui.theme-apple-light .mini-service h3{color:#0d1726!important;text-shadow:none!important;}
body.lu-public-ui.theme-apple-light .svc-time{background:rgba(0,122,255,.10)!important;color:#0069d9!important;}
body.lu-public-ui.theme-apple-light .svc-icon b{background:rgba(0,0,0,.18)!important;color:#fff!important;}


/* ===== 2026-06-19 real fix: never show uploaded icon path as service title + stronger frontend themes ===== */
.svc-title-click{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;min-height:38px!important;font-size:13px!important;word-break:normal!important;}
.video-svc-card{min-height:116px!important;align-items:center!important;}
.svc-info{min-width:0!important;overflow:visible!important;}
body.lu-public-ui.theme-legend-dark .video-svc-card,body.lu-public-ui.theme-legend-dark .service-hero{background:rgba(9,24,48,.86)!important;border-color:rgba(0,229,255,.20)!important;}
body.lu-public-ui.theme-neon-blue .video-svc-card,body.lu-public-ui.theme-neon-blue .service-hero{background:rgba(0,229,255,.09)!important;border-color:rgba(0,229,255,.30)!important;box-shadow:0 0 28px rgba(0,229,255,.10)!important;}
body.lu-public-ui.theme-apple-light .video-svc-card,body.lu-public-ui.theme-apple-light .service-hero{background:rgba(255,255,255,.94)!important;border-color:#dfe7f1!important;color:#0d1726!important;}
body.lu-public-ui.theme-apple-light .svc-title-click,body.lu-public-ui.theme-apple-light .svc-price{color:#0d1726!important;}
body.lu-public-ui.theme-purple-pro .video-svc-card,body.lu-public-ui.theme-purple-pro .service-hero{background:rgba(167,90,255,.13)!important;border-color:rgba(205,159,255,.28)!important;}
body.lu-public-ui.theme-red-premium .video-svc-card,body.lu-public-ui.theme-red-premium .service-hero{background:rgba(255,65,65,.12)!important;border-color:rgba(255,100,100,.28)!important;}


/* FINAL FIX 2026-06-19: Favorites star alignment + mobile profile scroll + remove unneeded Quick/Discount links visual */
body.lu-public-ui .video-svc-card{position:relative!important;}
body.lu-public-ui .lu-fav-btn{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
  z-index:20!important;
  background:rgba(12,25,42,.88)!important;
  border:1px solid rgba(148,180,220,.28)!important;
  color:#9fb0c8!important;
  box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}
body.lu-public-ui .lu-fav-btn i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
}
body.lu-public-ui .lu-fav-btn.active{
  color:#ffd24d!important;
  background:rgba(255,210,77,.18)!important;
  border-color:rgba(255,210,77,.45)!important;
  box-shadow:0 0 20px rgba(255,210,77,.28)!important;
}
body.lu-public-ui .video-svc-card .svc-info{padding-right:38px!important;}
@media(max-width:760px){
  body.profile-menu-open{overflow:hidden!important;}
  body.lu-public-ui .gsm-user-menu{
    position:fixed!important;
    top:86px!important;
    bottom:82px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:14px 14px 22px!important;
    border-radius:26px!important;
  }
  body.lu-public-ui .gsm-user-menu::-webkit-scrollbar{width:4px!important;}
  body.lu-public-ui .gsm-user-menu::-webkit-scrollbar-thumb{background:rgba(44,179,255,.55)!important;border-radius:12px!important;}
  body.lu-public-ui .gsm-user-menu a{min-height:54px!important;flex:0 0 auto!important;}
  body.lu-public-ui .lu-fav-btn{top:10px!important;right:10px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;}
  body.lu-public-ui .video-svc-card .svc-info{padding-right:34px!important;}
}


/* LegendUnlocker final polish: favorite star, price glow, clean menu */
.video-svc-card .lu-fav-btn{
  top:4px!important;
  right:10px!important;
  width:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  line-height:1!important;
  transform:translateY(-2px)!important;
  background:rgba(8,18,35,.78)!important;
  border:1px solid rgba(126,160,210,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.video-svc-card .lu-fav-btn i{font-size:14px!important;line-height:1!important;transform:translateY(-1px)!important;}
.video-svc-card .lu-fav-btn:hover{color:#fff!important;border-color:rgba(52,211,255,.65)!important;box-shadow:0 0 18px rgba(0,190,255,.28)!important;}
.video-svc-card .lu-fav-btn.active{color:#ffd24d!important;background:rgba(255,210,77,.16)!important;border-color:rgba(255,210,77,.45)!important;box-shadow:0 0 18px rgba(255,210,77,.30)!important;}
.video-svc-card .svc-price,
.video-svc-card .lu-price-glow{
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  line-height:1.05!important;
  min-width:82px!important;
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  padding:2px 0!important;
  color:#37d7ff!important;
  text-shadow:0 0 8px rgba(55,215,255,.85),0 0 18px rgba(55,215,255,.42),0 2px 10px rgba(0,0,0,.55)!important;
}
.video-svc-card .svc-price.price-free{color:#ffffff!important;text-shadow:0 0 8px rgba(255,255,255,.70),0 0 18px rgba(0,229,255,.35)!important;}
.video-svc-card .svc-price.price-low{color:#44ff9a!important;text-shadow:0 0 8px rgba(68,255,154,.85),0 0 18px rgba(68,255,154,.42),0 2px 10px rgba(0,0,0,.55)!important;}
.video-svc-card .svc-price.price-mid{color:#38d7ff!important;text-shadow:0 0 8px rgba(56,215,255,.86),0 0 18px rgba(56,215,255,.44),0 2px 10px rgba(0,0,0,.55)!important;}
.video-svc-card .svc-price.price-high{color:#c084fc!important;text-shadow:0 0 8px rgba(192,132,252,.86),0 0 18px rgba(192,132,252,.46),0 2px 10px rgba(0,0,0,.55)!important;}
.video-svc-card .svc-price.price-vip{color:#ffd76b!important;text-shadow:0 0 9px rgba(255,215,107,.90),0 0 20px rgba(255,178,0,.52),0 2px 10px rgba(0,0,0,.58)!important;}
.video-svc-card:hover .svc-price{transform:translateY(-1px) scale(1.03)!important;filter:brightness(1.12)!important;}
.video-svc-card .svc-order{align-self:center!important;justify-self:end!important;box-shadow:0 0 16px rgba(0,190,255,.20)!important;}
.video-svc-card .svc-time{font-weight:950!important;color:#70dfff!important;background:rgba(0,185,255,.18)!important;border:1px solid rgba(49,205,255,.35)!important;text-shadow:0 0 8px rgba(49,205,255,.35)!important;}
.video-svc-card:hover{border-color:rgba(43,211,255,.85)!important;box-shadow:0 0 0 1px rgba(43,211,255,.45),0 18px 48px rgba(0,185,255,.18),0 18px 60px rgba(0,0,0,.35)!important;}
body.light .video-svc-card .svc-price{ text-shadow:none!important; }
body.light .video-svc-card .svc-price.price-low{color:#047857!important;}
body.light .video-svc-card .svc-price.price-mid{color:#0369a1!important;}
body.light .video-svc-card .svc-price.price-high{color:#7e22ce!important;}
body.light .video-svc-card .svc-price.price-vip{color:#b45309!important;}
@media(max-width:700px){
  .video-svc-card .lu-fav-btn{top:2px!important;right:8px!important;width:30px!important;height:30px!important;border-radius:12px!important;}
  .video-svc-card .svc-price,.video-svc-card .lu-price-glow{font-size:16px!important;min-width:auto!important;}
}

/* LegendUnlocker user request final alignment: star higher, bigger price, order lower, remove mini app menu */
.video-svc-card .lu-fav-btn{
  top:2px!important;
  transform:translateY(-4px)!important;
}
.video-svc-card .lu-fav-btn i{transform:translateY(-2px)!important;}
.video-svc-card .svc-price,
.video-svc-card .lu-price-glow{
  font-size:21px!important;
}
.video-svc-card .svc-order,
.video-svc-card .order-btn,
.video-svc-card a[class*="order"],
.video-svc-card button[class*="order"]{
  margin-top:12px!important;
  transform:translateY(8px)!important;
  box-shadow:0 0 18px rgba(0,190,255,.34),0 8px 22px rgba(0,0,0,.25)!important;
  border-color:rgba(69,211,255,.55)!important;
}
.video-svc-card .svc-order:hover,
.video-svc-card .order-btn:hover{
  box-shadow:0 0 24px rgba(0,210,255,.48),0 10px 28px rgba(0,0,0,.30)!important;
  filter:brightness(1.08)!important;
}
@media(max-width:700px){
  .video-svc-card .lu-fav-btn{top:0!important;transform:translateY(-4px)!important;}
  .video-svc-card .svc-price,.video-svc-card .lu-price-glow{font-size:17px!important;}
  .video-svc-card .svc-order,.video-svc-card .order-btn,.video-svc-card a[class*="order"],.video-svc-card button[class*="order"]{
    margin-top:10px!important;
    transform:translateY(7px)!important;
  }
}

/* POWERED BADGE REMOVED FOR CLIENT VERSION */
.idp-powered-badge{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* ADMIN DOUBLE OFFSET FINAL FIX */
body.admin-pro-body .admin-pro-main{margin-left:0!important;}


/* Final user account chat button lower adjustment */
@media(max-width:760px){
  body.lu-public-ui .gsm-chat, .gsm-chat{bottom:64px!important; right:16px!important;}
  body.lu-public-ui.lu-app-mode .gsm-chat{bottom:70px!important;}
}

/* === Order Details: dynamic provided data + mobile readability fix === */
.od-data .od-data-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(148,163,184,.18)}
.od-data .od-data-row:first-of-type{border-top:0;padding-top:0}
.od-data .od-data-row b{color:#a7afbd;font-size:13px;line-height:1.35;min-width:170px}
.od-data .od-data-row em{font-style:normal;background:#252450;border:1px solid #554de9;color:#8b83ff;border-radius:10px;padding:9px 13px;font-weight:900;line-height:1.35;word-break:break-word;white-space:normal;text-align:right;max-width:70%}
@media(max-width:900px){
  .order-detail-modal .od-window{left:12px!important;right:12px!important;top:50%!important;width:auto!important;max-width:none!important;max-height:88vh!important;border-radius:28px!important;padding:18px!important;background:#fbfcff!important;color:#101828!important}
  .order-detail-modal .od-title{padding-right:44px!important;align-items:center!important;margin-bottom:16px!important}
  .order-detail-modal .od-title h2{font-size:0!important;margin:0!important}
  .order-detail-modal .od-title h2:after{content:'Order Details';font-size:22px!important;color:#101828!important;font-weight:1000!important;letter-spacing:-.03em!important}
  .order-detail-modal .od-title p{font-size:16px!important;color:#98a2b3!important}
  .order-detail-modal .od-service b{display:block;font-size:16px!important;line-height:1.35!important;color:#101828!important;word-break:break-word!important}
  .order-detail-modal .od-grid2{gap:10px!important;margin-bottom:12px!important}
  .order-detail-modal .od-stat{min-height:76px!important;padding:12px 8px!important;border-radius:18px!important}
  .order-detail-modal .od-stat b{font-size:16px!important;line-height:1.2!important}
  .order-detail-modal .od-data{padding:16px!important}
  .order-detail-modal .od-data .od-data-row{display:block!important;padding:12px 0!important}
  .order-detail-modal .od-data .od-data-row:first-of-type{padding-top:0!important}
  .order-detail-modal .od-data .od-data-row b{display:block!important;min-width:0!important;margin:0 0 8px!important;color:#667085!important;font-size:14px!important;font-weight:1000!important}
  .order-detail-modal .od-data .od-data-row em{display:block!important;max-width:100%!important;text-align:left!important;border-radius:16px!important;padding:12px 14px!important;background:#f0f2ff!important;border-color:#dfe3ff!important;color:#5c50d8!important;font-size:15px!important;overflow-wrap:anywhere!important}
  .order-detail-modal .od-reply{padding:16px!important;border-radius:20px!important}
  .order-detail-modal .od-reply div{display:block!important}
  .order-detail-modal .od-reply div span{display:block!important;margin-top:8px!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important}
  .order-detail-modal .od-reply p{font-size:15px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
  .order-detail-modal .od-footer{display:block!important;font-size:11px!important;line-height:1.45!important}
  .order-detail-modal .od-footer span{display:block!important;margin:8px 0!important;word-break:break-word!important}
  .order-detail-modal .od-close{height:54px!important;border-radius:18px!important;font-size:13px!important;background:#e9edf5!important;color:#182033!important}
}

/* === Orders mobile details dark compact + auto refresh select === */
.orders-refresh{display:flex;align-items:center;gap:8px}
.orders-auto-refresh{height:44px;border-radius:10px;border:1px solid #334156;background:#202b3b;color:#dce7fb;padding:0 13px;font-weight:900;outline:0;min-width:92px}
.orders-auto-refresh option{background:#101829;color:#fff}
@media(max-width:768px){
  .orders-auto-refresh{height:36px!important;border-radius:10px!important;border:1px solid #2b3650!important;background:#121a2d!important;color:#dce7ff!important;padding:0 9px!important;font-size:12px!important;font-weight:900!important;min-width:78px!important}
  .order-detail-modal .od-backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px)!important}
  .order-detail-modal .od-window{left:12px!important;right:12px!important;top:50%!important;max-height:84vh!important;overflow:auto!important;background:#081526!important;color:#eef6ff!important;border:1px solid rgba(38,153,255,.28)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 22px 70px rgba(0,0,0,.65),0 0 45px rgba(0,179,255,.10)!important}
  .order-detail-modal .od-x{right:12px!important;top:12px!important;width:30px!important;height:30px!important;background:#13233a!important;color:#9eb4d4!important;font-size:22px!important}
  .order-detail-modal .od-title{gap:10px!important;margin-bottom:12px!important;padding-right:34px!important}
  .order-detail-modal .od-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#189dff,#7b46ff)!important;font-size:18px!important}
  .order-detail-modal .od-title h2{font-size:18px!important;color:#fff!important;letter-spacing:-.02em!important}
  .order-detail-modal .od-title h2:after{display:none!important}
  .order-detail-modal .od-title p{font-size:12px!important;color:#7f94b4!important;margin-top:2px!important}
  .order-detail-modal .od-service,.order-detail-modal .od-data,.order-detail-modal .od-reply{background:#0d1c31!important;border:1px solid rgba(64,143,255,.22)!important;border-radius:15px!important;padding:12px!important;margin:9px 0!important;box-shadow:none!important}
  .order-detail-modal .od-service{text-align:left!important}
  .order-detail-modal .od-service span,.order-detail-modal .od-data>span{color:#7da7d9!important;letter-spacing:.1em!important;font-size:9px!important;margin-bottom:7px!important}
  .order-detail-modal .od-service b{display:block;color:#fff!important;font-size:13px!important;line-height:1.35!important}
  .order-detail-modal .od-grid2{gap:8px!important}
  .order-detail-modal .od-stat{background:#0e2434!important;border:1px solid rgba(46,213,139,.28)!important;border-radius:14px!important;padding:11px 8px!important}
  .order-detail-modal .od-stat span{font-size:9px!important;color:#42d994!important}
  .order-detail-modal .od-stat b{font-size:13px!important;margin-top:5px!important;color:#49e7a0!important;line-height:1.2!important}
  .order-detail-modal .od-stat.purple{background:#141b38!important;border-color:rgba(116,102,255,.35)!important}
  .order-detail-modal .od-stat.purple span,.order-detail-modal .od-stat.purple b{color:#8f87ff!important}
  .order-detail-modal .od-data-row{display:block!important;border-top:1px solid rgba(255,255,255,.07)!important;padding-top:9px!important;margin-top:8px!important}
  .order-detail-modal .od-data-row:first-of-type{border-top:0!important;padding-top:0!important;margin-top:0!important}
  .order-detail-modal .od-data b{display:block!important;color:#9ab0cc!important;font-size:11px!important;margin-bottom:6px!important}
  .order-detail-modal .od-data em{display:block!important;background:#122744!important;color:#e9f4ff!important;border:1px solid rgba(77,166,255,.20)!important;border-radius:12px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.35!important;word-break:break-word!important;white-space:normal!important}
  .order-detail-modal .od-reply{background:#09251e!important;border-color:rgba(44,220,151,.28)!important}
  .order-detail-modal .od-reply div{display:block!important;border-bottom:1px solid rgba(110,255,203,.12)!important;padding-bottom:8px!important;margin-bottom:8px!important}
  .order-detail-modal .od-reply b{display:block!important;color:#37e4a0!important;font-size:9px!important;margin-bottom:5px!important}
  .order-detail-modal .od-reply span{display:block!important;color:#8aa0bd!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important}
  .order-detail-modal .od-reply p{color:#dcecff!important;font-size:12px!important;line-height:1.42!important;font-weight:800!important;word-break:break-word!important}
  .order-detail-modal .od-footer{font-size:10px!important;color:#8aa0bd!important;text-transform:none!important;margin:10px 0!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .order-detail-modal .od-close{height:40px!important;border-radius:13px!important;background:#13233a!important;color:#e8f2ff!important;border:1px solid rgba(255,255,255,.08)!important;font-size:11px!important;letter-spacing:.12em!important}
}

/* FINAL Order Details compact + status color fix (PC + Mobile) */
.order-detail-modal .od-stat.success{background:#0e302c!important;border-color:#15976f!important;box-shadow:0 0 0 1px rgba(39,220,152,.05) inset!important;}
.order-detail-modal .od-stat.success span,.order-detail-modal .od-stat.success b{color:#28dc98!important;}
.order-detail-modal .od-stat.bad,.order-detail-modal .od-stat.rejected{background:#341620!important;border-color:#b33a55!important;box-shadow:0 0 0 1px rgba(255,80,115,.05) inset!important;}
.order-detail-modal .od-stat.bad span,.order-detail-modal .od-stat.bad b,.order-detail-modal .od-stat.rejected span,.order-detail-modal .od-stat.rejected b{color:#ff6f8d!important;}
.order-detail-modal .od-stat.pending,.order-detail-modal .od-stat.processing{background:#302713!important;border-color:#b98319!important;box-shadow:0 0 0 1px rgba(255,200,87,.05) inset!important;}
.order-detail-modal .od-stat.pending span,.order-detail-modal .od-stat.pending b,.order-detail-modal .od-stat.processing span,.order-detail-modal .od-stat.processing b{color:#ffd56a!important;}
.order-detail-modal .od-stat.warn,.order-detail-modal .od-stat.refunded{background:#2e263f!important;border-color:#8f74ff!important;}
.order-detail-modal .od-stat.warn span,.order-detail-modal .od-stat.warn b,.order-detail-modal .od-stat.refunded span,.order-detail-modal .od-stat.refunded b{color:#a99bff!important;}
.order-detail-modal .od-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.order-detail-modal .od-footer > span:first-child{min-width:0!important;overflow-wrap:anywhere!important;}
.order-detail-modal .od-footer > span:last-child{margin-left:auto!important;white-space:nowrap!important;text-align:right!important;}

@media(max-width:640px){
  .order-detail-modal .od-window{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 44px)!important;max-width:360px!important;max-height:82vh!important;padding:11px!important;border-radius:17px!important;}
  .order-detail-modal .od-x{right:9px!important;top:9px!important;width:26px!important;height:26px!important;font-size:19px!important;}
  .order-detail-modal .od-title{gap:8px!important;margin-bottom:9px!important;padding-right:30px!important;}
  .order-detail-modal .od-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:15px!important;}
  .order-detail-modal .od-title h2{font-size:15px!important;}
  .order-detail-modal .od-title p{font-size:10px!important;}
  .order-detail-modal .od-service,.order-detail-modal .od-data,.order-detail-modal .od-reply{border-radius:13px!important;padding:10px!important;margin:7px 0!important;}
  .order-detail-modal .od-service span,.order-detail-modal .od-data>span{font-size:8px!important;margin-bottom:5px!important;}
  .order-detail-modal .od-service b{font-size:12px!important;line-height:1.28!important;}
  .order-detail-modal .od-grid2{gap:7px!important;margin-bottom:8px!important;}
  .order-detail-modal .od-stat{min-height:54px!important;height:54px!important;border-radius:12px!important;padding:7px 5px!important;}
  .order-detail-modal .od-stat span{font-size:8px!important;letter-spacing:.11em!important;}
  .order-detail-modal .od-stat b{font-size:11px!important;margin-top:3px!important;line-height:1.12!important;}
  .order-detail-modal .od-data-row{padding-top:7px!important;margin-top:7px!important;}
  .order-detail-modal .od-data b{font-size:10px!important;margin-bottom:5px!important;}
  .order-detail-modal .od-data em{font-size:11px!important;padding:7px 8px!important;border-radius:10px!important;}
  .order-detail-modal .od-reply div{padding-bottom:6px!important;margin-bottom:7px!important;}
  .order-detail-modal .od-reply b{font-size:8px!important;margin-bottom:4px!important;}
  .order-detail-modal .od-reply span{font-size:9px!important;}
  .order-detail-modal .od-reply p{font-size:11px!important;line-height:1.36!important;}
  .order-detail-modal .od-footer{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;font-size:8.5px!important;margin:8px 0!important;line-height:1.25!important;}
  .order-detail-modal .od-footer span{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;}
  .order-detail-modal .od-footer > span:first-child{flex:1 1 auto!important;min-width:0!important;}
  .order-detail-modal .od-footer > span:last-child{flex:0 0 auto!important;margin-left:auto!important;text-align:right!important;white-space:nowrap!important;}
  .order-detail-modal .od-close{height:35px!important;border-radius:11px!important;font-size:10px!important;}
}

/* === FINAL: Orders header polish + mobile details size balance === */
.orders-pro-head{
  background:linear-gradient(135deg,rgba(17,28,48,.92),rgba(10,18,33,.92))!important;
  border:1px solid rgba(65,145,255,.22)!important;
  border-radius:20px!important;
  padding:16px 18px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}
.orders-pro-head .section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(47,125,246,.14)!important;
  border:1px solid rgba(47,125,246,.25)!important;
  color:#7db5ff!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  margin-bottom:8px!important;
}
.orders-pro-head .section-kicker:before{content:'●';font-size:8px;color:#2fe6ff!important;}
.orders-pro-head h1{
  font-size:27px!important;
  line-height:1.1!important;
  color:#f7fbff!important;
  text-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.orders-pro-head h1 i{
  width:42px!important;height:42px!important;border-radius:14px!important;
  display:inline-grid!important;place-items:center!important;
  background:linear-gradient(135deg,#126bff,#08c5e8)!important;
  color:#fff!important;font-size:18px!important;
  box-shadow:0 12px 30px rgba(18,107,255,.32)!important;
}
.orders-refresh{
  padding:8px!important;
  border-radius:16px!important;
  background:rgba(4,10,20,.38)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.orders-auto-refresh{
  height:42px!important;
  min-width:118px!important;
  border-radius:13px!important;
  background:#071425!important;
  border:1px solid rgba(61,151,255,.34)!important;
  color:#e8f5ff!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.orders-refresh button{
  height:42px!important;width:46px!important;padding:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#172842,#0d1a2d)!important;
  border:1px solid rgba(79,160,255,.25)!important;
  color:#bfe3ff!important;
}
.orders-refresh button:hover{filter:brightness(1.15)!important;}

@media(max-width:768px){
  .orders-pro-head{
    margin:8px 0 12px!important;
    padding:13px!important;
    border-radius:18px!important;
    align-items:center!important;
    gap:10px!important;
  }
  .orders-pro-head .section-kicker{
    font-size:9px!important;
    padding:5px 9px!important;
    margin-bottom:6px!important;
  }
  .orders-pro-head h1{font-size:20px!important;gap:8px!important;}
  .orders-pro-head h1 i{width:34px!important;height:34px!important;border-radius:11px!important;font-size:15px!important;}
  .orders-refresh{padding:6px!important;gap:6px!important;border-radius:14px!important;}
  .orders-auto-refresh{height:36px!important;min-width:82px!important;border-radius:11px!important;font-size:12px!important;padding:0 8px!important;}
  .orders-refresh button{height:36px!important;width:38px!important;border-radius:11px!important;font-size:12px!important;}
}

/* Mobile Order Details: a little larger, but still compact */
@media(max-width:640px){
  .order-detail-modal .od-window{
    width:calc(100vw - 30px)!important;
    max-width:386px!important;
    max-height:84vh!important;
    padding:13px!important;
    border-radius:19px!important;
  }
  .order-detail-modal .od-icon{width:42px!important;height:42px!important;font-size:16px!important;}
  .order-detail-modal .od-title h2{font-size:17px!important;}
  .order-detail-modal .od-title p{font-size:11px!important;}
  .order-detail-modal .od-service,.order-detail-modal .od-data,.order-detail-modal .od-reply{padding:11px!important;margin:8px 0!important;border-radius:14px!important;}
  .order-detail-modal .od-service b{font-size:13px!important;}
  .order-detail-modal .od-stat{min-height:60px!important;height:60px!important;padding:8px 6px!important;}
  .order-detail-modal .od-stat span{font-size:8.5px!important;}
  .order-detail-modal .od-stat b{font-size:12px!important;}
  .order-detail-modal .od-data b{font-size:10.5px!important;}
  .order-detail-modal .od-data em{font-size:11.5px!important;padding:8px 9px!important;}
  .order-detail-modal .od-reply p{font-size:11.5px!important;line-height:1.4!important;}
  .order-detail-modal .od-footer{font-size:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  .order-detail-modal .od-footer > span:first-child{flex:1 1 auto!important;min-width:0!important;}
  .order-detail-modal .od-footer > span:last-child{flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;text-align:right!important;}
  .order-detail-modal .od-close{height:38px!important;font-size:10.5px!important;}
}

/* iDevicePro TEAM - Order Details colors + mobile polish final */
.order-status-pill.success,.om-status.success,.od-stat.success{background:linear-gradient(135deg,rgba(22,163,74,.22),rgba(34,197,94,.12))!important;color:#75f0ab!important;border:1px solid rgba(34,197,94,.35)!important;box-shadow:0 0 18px rgba(34,197,94,.10)!important}
.order-status-pill.bad,.om-status.bad,.od-stat.bad{background:linear-gradient(135deg,rgba(225,29,72,.24),rgba(244,63,94,.12))!important;color:#ff9bad!important;border:1px solid rgba(244,63,94,.36)!important;box-shadow:0 0 18px rgba(244,63,94,.10)!important}
.order-status-pill.pending,.om-status.pending,.od-stat.pending{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(14,165,233,.12))!important;color:#93d9ff!important;border:1px solid rgba(56,189,248,.34)!important;box-shadow:0 0 18px rgba(56,189,248,.09)!important}
.order-status-pill.wait,.om-status.wait,.od-stat.wait{background:linear-gradient(135deg,rgba(245,158,11,.23),rgba(251,191,36,.12))!important;color:#ffd77a!important;border:1px solid rgba(251,191,36,.35)!important;box-shadow:0 0 18px rgba(251,191,36,.09)!important}
.order-status-pill.refund,.om-status.refund,.od-stat.refund{background:linear-gradient(135deg,rgba(147,51,234,.24),rgba(168,85,247,.12))!important;color:#d8b4fe!important;border:1px solid rgba(168,85,247,.36)!important;box-shadow:0 0 18px rgba(168,85,247,.10)!important}
.od-stat.success span,.od-stat.success b{color:#75f0ab!important}.od-stat.bad span,.od-stat.bad b{color:#ff9bad!important}.od-stat.pending span,.od-stat.pending b{color:#93d9ff!important}.od-stat.wait span,.od-stat.wait b{color:#ffd77a!important}.od-stat.refund span,.od-stat.refund b{color:#d8b4fe!important}
.od-footer{align-items:center!important}.od-footer span:last-child{margin-left:auto!important;text-align:right!important;white-space:nowrap!important}.od-data-row{gap:10px!important}.od-data-row b{min-width:120px!important}.od-data-row em{max-width:100%!important;word-break:break-word!important;text-align:right!important}
@media(max-width:640px){
  .orders-pro-head{padding:13px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(8,18,34,.95),rgba(13,25,45,.92))!important;border:1px solid rgba(80,150,255,.18)!important;box-shadow:0 18px 46px rgba(0,0,0,.20)!important}
  .orders-pro-head h1{font-size:19px!important;line-height:1.1!important}.orders-refresh{align-items:center!important}.orders-auto-refresh{height:36px!important;min-width:76px!important;border-radius:11px!important;background:#0d1628!important;border:1px solid rgba(99,168,255,.24)!important;color:#e8f2ff!important;font-weight:900!important;padding:0 8px!important;font-size:12px!important}.orders-refresh button{height:36px!important;border-radius:11px!important;background:#13213a!important;border-color:rgba(99,168,255,.24)!important;color:#e8f2ff!important}
  .order-detail-modal .od-window{width:calc(100vw - 34px)!important;max-width:385px!important;padding:14px!important;border-radius:19px!important;background:#071325!important;color:#eef6ff!important;border:1px solid rgba(75,155,255,.28)!important;box-shadow:0 24px 80px rgba(0,0,0,.70)!important}
  .od-title{margin-bottom:12px!important}.od-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:16px!important}.od-title h2{font-size:18px!important;color:#fff!important}.od-title p{font-size:12px!important;color:#9fb0c8!important}.od-x{width:30px!important;height:30px!important;background:#101d32!important;color:#cbd9ef!important}
  .od-service,.od-data,.od-reply{padding:12px!important;border-radius:15px!important;background:#0b192c!important;border:1px solid rgba(110,170,255,.16)!important;box-shadow:none!important;margin:9px 0!important}.od-service b{font-size:13px!important;color:#fff!important}.od-service span,.od-data>span{font-size:9px!important;color:#8da4c8!important;margin-bottom:7px!important}.od-grid2{gap:8px!important}.od-stat{padding:10px 8px!important;border-radius:14px!important;text-align:center!important}.od-stat span{font-size:8.5px!important}.od-stat b{font-size:12px!important;margin-top:5px!important}.od-data-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:6px 0!important;border-top:1px solid rgba(255,255,255,.06)!important}.od-data-row:first-of-type{border-top:0!important}.od-data-row b{font-size:11px!important;min-width:112px!important;color:#aab8cf!important}.od-data-row em{font-size:11px!important;padding:6px 8px!important;background:#101e36!important;border-color:rgba(100,120,255,.28)!important;color:#dbe7ff!important}
  .od-reply div{padding-bottom:8px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.od-reply b{font-size:9px!important;color:#6ef0b2!important}.od-reply span{font-size:8px!important;color:#8fa0ba!important;text-align:right!important}.od-reply p{font-size:12px!important;line-height:1.38!important;color:#edf6ff!important}.od-footer{font-size:9px!important;margin:10px 0!important;color:#9aaccc!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.od-footer span:first-child{min-width:0!important}.od-footer span:last-child{font-size:10px!important;color:#eaf2ff!important}.od-close{height:38px!important;border-radius:12px!important;background:#13213a!important;color:#fff!important;font-size:10px!important}
  .order-mobile-card{min-height:82px!important;padding:11px!important;border-radius:15px!important}.om-main b{font-size:12.5px!important}.om-main strong{font-size:13px!important}.om-status{font-size:9.5px!important;padding:6px 8px!important}.om-right i{font-size:10px!important}
}

/* === FINAL: Compact mobile Order Details + two-line time === */
.local-order-time-lines{display:inline-flex;flex-direction:column;gap:2px;align-items:flex-end;line-height:1.2;text-align:right;text-transform:none!important;letter-spacing:0!important;white-space:normal!important}
.local-order-time-lines em{font-style:normal;display:block;color:inherit!important;white-space:nowrap}
.order-detail-modal .od-reply .local-order-time-lines{margin-left:auto;max-width:58%;font-size:11px!important;color:#91a4bd!important}
.order-detail-modal .od-footer .local-order-time-lines{align-items:flex-start;text-align:left;font-size:11px!important;color:#91a4bd!important}
@media(max-width:640px){
  .order-detail-modal .od-window{width:calc(100vw - 58px)!important;max-width:335px!important;max-height:80vh!important;padding:9px!important;border-radius:16px!important;}
  .order-detail-modal .od-title{margin-bottom:7px!important;gap:7px!important}
  .order-detail-modal .od-icon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:14px!important}
  .order-detail-modal .od-title h2{font-size:14px!important;line-height:1.1!important}
  .order-detail-modal .od-title p{font-size:9px!important;line-height:1.1!important}
  .order-detail-modal .od-service,.order-detail-modal .od-data,.order-detail-modal .od-reply{padding:8px!important;margin:6px 0!important;border-radius:12px!important}
  .order-detail-modal .od-service span,.order-detail-modal .od-data>span{font-size:7.5px!important;margin-bottom:4px!important;letter-spacing:.09em!important}
  .order-detail-modal .od-service b{font-size:11.5px!important;line-height:1.22!important}
  .order-detail-modal .od-grid2{gap:6px!important;margin-bottom:6px!important}
  .order-detail-modal .od-stat{height:48px!important;min-height:48px!important;padding:6px 4px!important;border-radius:11px!important}
  .order-detail-modal .od-stat span{font-size:7.5px!important;letter-spacing:.1em!important}
  .order-detail-modal .od-stat b{font-size:10.5px!important;margin-top:2px!important;line-height:1.08!important}
  .order-detail-modal .od-data-row{padding-top:5px!important;margin-top:5px!important}
  .order-detail-modal .od-data b{font-size:9.5px!important;margin-bottom:4px!important}
  .order-detail-modal .od-data em{font-size:10.5px!important;padding:7px 8px!important;border-radius:10px!important;min-height:unset!important;line-height:1.25!important}
  .order-detail-modal .od-reply div{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;padding-bottom:6px!important;margin-bottom:6px!important}
  .order-detail-modal .od-reply b{font-size:7.5px!important;margin:0!important;flex:0 0 auto!important;white-space:nowrap!important}
  .order-detail-modal .od-reply .local-order-time-lines{font-size:8.5px!important;max-width:62%!important;align-items:flex-end!important;text-align:right!important;line-height:1.22!important}
  .order-detail-modal .od-reply .local-order-time-lines em{white-space:normal!important}
  .order-detail-modal .od-reply p{font-size:10.5px!important;line-height:1.32!important;margin:0!important}
  .order-detail-modal .od-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin:7px 0!important;font-size:8.5px!important;line-height:1.15!important}
  .order-detail-modal .od-footer .local-order-time-lines{font-size:8.5px!important;align-items:flex-start!important;text-align:left!important;min-width:0!important;flex:1 1 auto!important}
  .order-detail-modal .od-footer .local-order-time-lines em{white-space:normal!important}
  .order-detail-modal .od-footer>span:last-child{font-size:9px!important;white-space:nowrap!important;flex:0 0 auto!important;text-align:right!important;margin-left:auto!important}
  .order-detail-modal .od-close{height:32px!important;border-radius:10px!important;font-size:9.5px!important;margin-top:2px!important}
}

/* === FINAL: Order successful animated popup === */
.lu-order-success-overlay{position:fixed;inset:0;z-index:6000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);padding:18px}
.lu-order-success-overlay.show{display:flex;animation:luFadeIn .18s ease-out both}
.lu-order-success-card{width:min(420px,calc(100vw - 34px));border-radius:28px;padding:28px 24px;background:linear-gradient(180deg,#0c1b30,#07101f);border:1px solid rgba(53,232,168,.28);box-shadow:0 30px 120px rgba(0,0,0,.65),0 0 60px rgba(34,197,94,.12);color:#fff;text-align:center;animation:luPop .32s cubic-bezier(.2,1.2,.25,1) both}
.lu-success-check{position:relative;width:92px;height:92px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2df5a5,#1bb6ff);box-shadow:0 20px 60px rgba(45,245,165,.28)}
.lu-success-check span{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(45,245,165,.35);animation:luPulse 1.25s infinite}
.lu-success-check i{font-size:42px;color:#052018;animation:luCheck .42s .14s ease-out both}
.lu-order-success-card h2{margin:0 0 8px;font-size:30px;letter-spacing:-.03em;color:#fff}
.lu-order-success-card p{margin:0 0 17px;color:#a9bdd7;line-height:1.45;font-weight:750}
.lu-success-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.lu-success-meta b{color:#8aa4c8;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.lu-success-meta strong{font-size:17px;color:#fff}
.lu-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.lu-success-actions button,.lu-success-actions a{height:46px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:1000;text-decoration:none;cursor:pointer}.lu-success-actions button{background:#17243a;color:#dceaff}.lu-success-actions a{background:linear-gradient(135deg,#2df5a5,#1bb6ff);color:#06131f}
@keyframes luFadeIn{from{opacity:0}to{opacity:1}}@keyframes luPop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes luPulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.3);opacity:0}}@keyframes luCheck{from{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@media(max-width:640px){.lu-order-success-card{border-radius:24px;padding:24px 18px}.lu-success-check{width:78px;height:78px}.lu-success-check i{font-size:36px}.lu-order-success-card h2{font-size:25px}.lu-order-success-card p{font-size:13px}.lu-success-actions{grid-template-columns:1fr}.lu-success-actions button,.lu-success-actions a{height:43px}}

/* === iDevicePro TEAM: Orders filter/countdown + mobile details size final === */
.orders-refresh-countdown{display:none;min-width:34px;height:34px;border-radius:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,#1bb6ff,#675cff);color:#fff;font-weight:1000;box-shadow:0 10px 28px rgba(27,182,255,.24);font-size:13px;line-height:1}
.orders-refresh-countdown.on{display:inline-flex}
.orders-tabs button.active{background:linear-gradient(135deg,#2e7bff,#736bff)!important;color:#fff!important;box-shadow:0 10px 30px rgba(46,123,255,.22)!important}
@media(max-width:640px){
  .orders-filter-row{gap:10px!important}
  .orders-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .orders-tabs button{min-width:0!important;width:100%!important;padding:10px 4px!important;font-size:10px!important;border-radius:12px!important;text-align:center!important}
  .orders-refresh-countdown{height:36px;min-width:36px;border-radius:12px;font-size:13px}
  .order-detail-modal .od-window{
    width:calc(100vw - 32px)!important;
    max-width:385px!important;
    max-height:86vh!important;
    padding:14px!important;
    border-radius:22px!important;
  }
  .order-detail-modal .od-title{margin-bottom:11px!important;gap:10px!important}
  .order-detail-modal .od-icon{width:50px!important;height:50px!important;border-radius:15px!important;font-size:18px!important}
  .order-detail-modal .od-title h2{font-size:21px!important;line-height:1.05!important}
  .order-detail-modal .od-title p{font-size:14px!important;line-height:1.1!important}
  .order-detail-modal .od-x{width:38px!important;height:38px!important;border-radius:14px!important;font-size:26px!important}
  .order-detail-modal .od-service,.order-detail-modal .od-data,.order-detail-modal .od-reply{padding:13px!important;margin:9px 0!important;border-radius:17px!important}
  .order-detail-modal .od-service span,.order-detail-modal .od-data>span{font-size:10px!important;margin-bottom:7px!important;letter-spacing:.13em!important}
  .order-detail-modal .od-service b{font-size:17px!important;line-height:1.25!important}
  .order-detail-modal .od-grid2{gap:9px!important;margin-bottom:9px!important}
  .order-detail-modal .od-stat{height:72px!important;min-height:72px!important;padding:11px 7px!important;border-radius:17px!important}
  .order-detail-modal .od-stat span{font-size:10px!important;letter-spacing:.14em!important}
  .order-detail-modal .od-stat b{font-size:15px!important;margin-top:6px!important;line-height:1.15!important}
  .order-detail-modal .od-data b{font-size:16px!important;margin-bottom:8px!important}
  .order-detail-modal .od-data em{font-size:18px!important;padding:13px 14px!important;border-radius:17px!important;line-height:1.25!important}
  .order-detail-modal .od-reply div{padding-bottom:8px!important;margin-bottom:9px!important;gap:8px!important}
  .order-detail-modal .od-reply b{font-size:10px!important;white-space:nowrap!important}
  .order-detail-modal .od-reply .local-order-time-lines{font-size:11px!important;max-width:64%!important;line-height:1.25!important;align-items:flex-end!important;text-align:right!important}
  .order-detail-modal .od-reply p{font-size:13.5px!important;line-height:1.33!important;margin:0!important}
  .order-detail-modal .od-footer{font-size:11px!important;margin:10px 0!important;gap:8px!important;align-items:center!important}
  .order-detail-modal .od-footer .local-order-time-lines{font-size:11px!important;line-height:1.25!important}
  .order-detail-modal .od-footer>span:last-child{font-size:12px!important;white-space:nowrap!important}
  .order-detail-modal .od-close{height:44px!important;border-radius:15px!important;font-size:12px!important;letter-spacing:.16em!important;margin-top:4px!important}
}


/* === iDevicePro TEAM: Order History mobile compact + real type filter fix === */
@media(max-width:640px){
  .orders-pro-page{padding-left:10px!important;padding-right:10px!important;}
  .orders-filter-card{padding:10px!important;border-radius:16px!important;margin-bottom:12px!important;}
  .orders-search-full{height:40px!important;border-radius:12px!important;}
  .orders-search-full input{height:38px!important;font-size:12px!important;}
  .orders-filter-row{gap:8px!important;}
  .orders-filter-row select{height:38px!important;border-radius:12px!important;font-size:11px!important;padding:0 9px!important;}
  .orders-tabs{gap:5px!important;}
  .orders-tabs button{height:34px!important;padding:0 3px!important;font-size:9px!important;border-radius:10px!important;letter-spacing:0!important;}
  .orders-mobile-list{gap:8px!important;margin-top:8px!important;margin-bottom:78px!important;}
  .order-mobile-card{min-height:68px!important;padding:9px 10px!important;border-radius:14px!important;gap:8px!important;}
  .order-mobile-card .om-main small{font-size:10px!important;line-height:1.05!important;}
  .order-mobile-card .om-main b{font-size:11.5px!important;line-height:1.2!important;max-width:210px!important;}
  .order-mobile-card .om-main strong{font-size:12px!important;margin-top:3px!important;}
  .order-mobile-card .om-right{gap:4px!important;}
  .order-mobile-card .om-status{font-size:8.8px!important;padding:5px 7px!important;border-radius:999px!important;}
  .order-mobile-card .om-right i{font-size:9px!important;}
  .orders-table-card{display:none!important;}
  .orders-mobile-list{display:grid!important;}
}

/* FINAL FIX: Order History mobile real filters + compact cards */
.order-filter-hidden{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important;}
@media (max-width: 768px){
  .orders-filter-card{padding:8px!important;border-radius:14px!important;margin-bottom:10px!important;}
  .orders-search-full{height:36px!important;border-radius:10px!important;margin-bottom:7px!important;font-size:11px!important;}
  .orders-filter-row select{height:36px!important;border-radius:10px!important;font-size:11px!important;margin-bottom:7px!important;}
  .orders-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;overflow:visible!important;}
  .orders-tabs button{height:32px!important;min-width:0!important;width:100%!important;padding:0 2px!important;font-size:9px!important;border-radius:9px!important;line-height:1!important;}
  .mobile-only-clean{gap:8px!important;}
  .order-mobile-card{min-height:74px!important;padding:10px!important;border-radius:14px!important;gap:8px!important;}
  .om-main{gap:3px!important;}
  .om-main small{font-size:10px!important;}
  .om-main b{font-size:12px!important;line-height:1.2!important;}
  .om-main strong{font-size:12px!important;}
  .om-right{min-width:76px!important;gap:8px!important;}
  .om-status{font-size:9px!important;padding:6px 7px!important;}
  .om-right i{font-size:10px!important;}
  .od-window{left:24px!important;right:24px!important;max-height:84vh!important;border-radius:23px!important;padding:16px!important;}
  .od-title{gap:12px!important;margin-bottom:13px!important;}
  .od-icon{width:54px!important;height:54px!important;border-radius:16px!important;}
  .od-title h2{font-size:20px!important;}
  .od-service,.od-data,.od-reply{padding:14px!important;margin:9px 0!important;border-radius:17px!important;}
  .od-grid2{gap:9px!important;}
  .od-stat{padding:13px 8px!important;border-radius:16px!important;}
  .od-data-row{gap:8px!important;}
  .od-data em{padding:8px 11px!important;border-radius:12px!important;}
  .od-footer{margin:10px 0!important;font-size:11px!important;align-items:flex-start!important;}
  .od-close{height:43px!important;border-radius:14px!important;}
}

/* === FINAL TUNE: Order Details smaller/higher + Order History search clean === */
.orders-search-full,
.moi-search{
  overflow:hidden!important;
}
.orders-search-full input,
.moi-search input{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.orders-search-full input:focus,
.moi-search input:focus{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.orders-search-full input:-webkit-autofill,
.orders-search-full input:-webkit-autofill:hover,
.orders-search-full input:-webkit-autofill:focus,
.moi-search input:-webkit-autofill,
.moi-search input:-webkit-autofill:hover,
.moi-search input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  transition:background-color 9999s ease-in-out 0s!important;
}
@media(max-width:768px){
  .orders-search-full{background:rgba(8,16,30,.82)!important;border-color:rgba(94,130,185,.32)!important;border-radius:16px!important;padding:0 13px!important;}
  .orders-search-full input{height:100%!important;min-width:0!important;color:#eef6ff!important;font-size:14px!important;padding:0!important;margin:0!important;}
  .orders-search-full input::placeholder{color:#9db0ca!important;opacity:1!important;}
  .order-detail-modal .od-window{
    left:22px!important;
    right:22px!important;
    top:45.5%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    max-width:390px!important;
    max-height:79vh!important;
    padding:14px!important;
    border-radius:22px!important;
  }
  .order-detail-modal .od-title{margin-bottom:12px!important;gap:10px!important;padding-right:38px!important;}
  .order-detail-modal .od-icon{width:50px!important;height:50px!important;border-radius:16px!important;font-size:18px!important;}
  .order-detail-modal .od-title h2{font-size:22px!important;line-height:1.05!important;}
  .order-detail-modal .od-title p{font-size:15px!important;line-height:1.1!important;}
  .order-detail-modal .od-x{width:40px!important;height:40px!important;border-radius:15px!important;font-size:28px!important;right:13px!important;top:13px!important;}
  .order-detail-modal .od-service,
  .order-detail-modal .od-data,
  .order-detail-modal .od-reply{padding:13px!important;margin:9px 0!important;border-radius:17px!important;}
  .order-detail-modal .od-service span,
  .order-detail-modal .od-data>span{font-size:10px!important;margin-bottom:7px!important;letter-spacing:.12em!important;}
  .order-detail-modal .od-service b{font-size:17px!important;line-height:1.25!important;}
  .order-detail-modal .od-grid2{gap:9px!important;margin-bottom:9px!important;}
  .order-detail-modal .od-stat{min-height:68px!important;height:68px!important;padding:10px 7px!important;border-radius:17px!important;}
  .order-detail-modal .od-stat span{font-size:10px!important;letter-spacing:.13em!important;}
  .order-detail-modal .od-stat b{font-size:15px!important;margin-top:5px!important;line-height:1.15!important;}
  .order-detail-modal .od-data .od-data-row{padding:6px 0!important;margin:0!important;}
  .order-detail-modal .od-data b{font-size:15px!important;margin-bottom:6px!important;}
  .order-detail-modal .od-data em{font-size:17px!important;padding:11px 13px!important;border-radius:16px!important;}
  .order-detail-modal .od-reply div{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;padding-bottom:7px!important;margin-bottom:8px!important;}
  .order-detail-modal .od-reply b{font-size:10px!important;margin:0!important;white-space:nowrap!important;}
  .order-detail-modal .od-reply .local-order-time-lines{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;font-size:10.5px!important;line-height:1.22!important;max-width:64%!important;}
  .order-detail-modal .od-reply p{font-size:13px!important;line-height:1.34!important;margin:0!important;}
  .order-detail-modal .od-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:9px 0!important;}
  .order-detail-modal .od-footer .local-order-time-lines{font-size:10.5px!important;line-height:1.22!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;}
  .order-detail-modal .od-footer>span:last-child{font-size:12px!important;white-space:nowrap!important;text-align:right!important;}
  .order-detail-modal .od-close{height:42px!important;border-radius:15px!important;font-size:12px!important;margin-top:3px!important;letter-spacing:.15em!important;}
}
@media(max-width:390px){
  .order-detail-modal .od-window{left:18px!important;right:18px!important;top:45%!important;max-height:78vh!important;padding:12px!important;}
  .order-detail-modal .od-title h2{font-size:20px!important;}
  .order-detail-modal .od-service b{font-size:16px!important;}
  .order-detail-modal .od-data em{font-size:15px!important;}
  .order-detail-modal .od-reply p{font-size:12.5px!important;}
}

/* === iDevicePro TEAM: clear created/reply time labels in Order Details === */
.order-detail-modal .local-order-time-lines strong{
  display:block!important;
  font-size:9px!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  color:#7dd3fc!important;
  margin-bottom:3px!important;
  font-weight:900!important;
}
.order-detail-modal .od-reply-time strong{color:#34d399!important;}
.order-detail-modal .od-created-time strong{color:#93c5fd!important;}
@media(max-width:640px){
  .order-detail-modal .local-order-time-lines strong{font-size:8.5px!important;margin-bottom:2px!important;}
  .order-detail-modal .od-reply .local-order-time-lines{max-width:68%!important;}
}