*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 8%,#063638 0,#07141d 34%,#0b0715 100%);color:#f4f7fb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(#18d7ae22 1px,transparent 1px),linear-gradient(90deg,#18d7ae22 1px,transparent 1px);background-size:44px 44px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 16px}.auth-card{width:min(590px,100%);background:linear-gradient(145deg,#111a27f2,#0b1019f7);border:1px solid #16d5a47a;border-radius:30px;box-shadow:0 0 50px #00d6a51c,inset 0 1px #ffffff0c;padding:34px}.brand{text-align:center;font-weight:900;letter-spacing:2px;font-size:38px}.brand span{color:#13d69e}.subtitle{text-align:center;color:#94a3bb;font-size:20px;margin:8px 0 30px}.theme{float:right;border:1px solid #344052;background:#101522;border-radius:50%;width:50px;height:50px;color:#ffd21c;font-size:23px}.form-label{font-weight:750;font-size:18px}.form-control,.input-group-text{background:#171b28!important;border:1px solid #283043!important;color:#fff!important;min-height:58px}.form-control::placeholder{color:#6d7890}.input-group-text{color:#fff!important}.btn-main{min-height:58px;border:0;border-radius:16px;background:linear-gradient(100deg,#2fe0a7,#05a979);color:#fff;font-size:20px;font-weight:800;box-shadow:0 10px 30px #0bd8a54a}.auth-link{color:#17d9a2;text-decoration:none;font-weight:800}.muted{color:#8d99ad}.divider{display:flex;align-items:center;gap:16px;color:#77839a;margin:26px 0}.divider:before,.divider:after{content:"";height:1px;background:#29303d;flex:1}.navbar-custom{background:#080d15f5;border-bottom:1px solid #173239;backdrop-filter:blur(14px)}.sidebar{width:250px;position:fixed;top:0;bottom:0;padding:22px 14px;background:#090f18f5;border-right:1px solid #202a39}.sidebar a{display:block;padding:12px 14px;border-radius:12px;color:#aeb8ca;text-decoration:none;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#12382f;color:#1de0a5}.main{margin-left:250px;padding:28px}.stat{background:linear-gradient(145deg,#121b27,#0c121b);border:1px solid #263143;border-radius:18px;padding:20px}.stat small{color:#8995aa}.stat h3{margin:7px 0 0}.table{--bs-table-bg:transparent;--bs-table-color:#e9edf5}.table>:not(caption)>*>*{border-bottom-color:#273142}.badge-soft{background:#123a32;color:#29e1ad}.mobile-nav{display:none}

/* User dashboard reference layout */
.user-main{margin-left:0;padding:88px 0 92px;max-width:100%;}.user-top{position:fixed;top:0;left:0;right:0;height:88px;z-index:30;background:#070c14f5;border-bottom:1px solid #16333a;display:flex;align-items:center;justify-content:space-between;padding:0 28px;backdrop-filter:blur(14px)}.user-top .brand{font-size:30px;text-align:left}.online-dot{display:inline-block;width:17px;height:17px;border-radius:50%;background:#12d89f;box-shadow:0 0 18px #12d89f;margin-right:12px}.balance-pill{background:linear-gradient(100deg,#22dca3,#08aa7b);padding:14px 25px;border-radius:30px;font-size:20px;font-weight:850;box-shadow:0 0 24px #0bd8a555}.moon-btn{width:54px;height:54px;border-radius:50%;border:1px solid #293241;background:#0e141e;color:#ffd51c;font-size:25px;margin-left:12px}.live-card,.info-card,.order-card{margin:0 20px 20px;border:1px solid #263240;border-radius:28px;background:linear-gradient(135deg,#101722,#10141e 58%,#102b27);box-shadow:0 12px 34px #00000024}.live-card{padding:25px 28px;display:flex;align-items:center;gap:18px}.live-icon{font-size:34px}.live-card h2{font-size:26px;margin:0 0 6px}.live-card p{color:#99a4b7;font-size:17px;line-height:1.45;margin:0}.live-dot{width:18px;height:18px;border-radius:50%;background:#12c993;box-shadow:0 0 16px #12c993;flex:none}.bolt{margin-left:auto;font-size:42px}.orders{display:flex;flex-direction:column}.order-card{padding:23px 24px;min-height:166px;position:relative;overflow:hidden}.order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#13d6a0}.order-card.sold{border-color:#61323a;background:linear-gradient(135deg,#14151e,#1b1118)}.order-card.sold:before{background:#e74758}.order-amount{font-size:28px;font-weight:900;margin-bottom:12px}.bonus{display:inline-block;color:#15dba2;border:1px solid #126d5a;background:#0d2927;border-radius:20px;padding:6px 14px;font-weight:800;font-size:16px}.from{color:#7e899d;margin-top:12px;font-size:16px}.from strong{color:#62a8ff;border:1px solid #174e9a;background:#101d37;border-radius:9px;padding:6px 11px;margin-left:7px}.pay-btn,.sold-btn{position:absolute;right:24px;top:50%;transform:translateY(-20%);min-width:194px;padding:16px 22px;border-radius:17px;font-size:18px;font-weight:900;border:0}.pay-btn{background:linear-gradient(100deg,#31dfa8,#08a979);color:#fff;box-shadow:0 0 30px #0dd9a555}.sold-btn{background:transparent;border:1px dashed #a73545;color:#e54a5a}.info-card{padding:27px 32px}.info-title{font-size:24px;font-weight:900;margin-bottom:20px}.info-title:before{content:"";display:inline-block;width:5px;height:27px;background:#12d9a1;border-radius:5px;vertical-align:-4px;margin-right:14px}.info-card p{font-size:18px;line-height:1.55;color:#dce1eb;margin:12px 0}.info-card .green{color:#16dca3;font-weight:800}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;z-index:40;background:#080c13f5;border-top:1px solid #1d2835;display:flex;justify-content:space-around;align-items:center;backdrop-filter:blur(14px)}.bottom-nav a{width:33.333%;text-align:center;text-decoration:none;color:#8893a7;font-weight:750;font-size:14px}.bottom-nav a.active{color:#12d9a1}.bottom-nav .ico{display:block;font-size:26px;line-height:30px}.desktop-user{display:none}

@media(max-width:800px){.sidebar{display:none}.main{margin-left:0;padding:16px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#0a1019;border-top:1px solid #253042;justify-content:space-around;padding:10px}.mobile-nav a{color:#9da8ba;text-decoration:none;font-size:12px}.auth-card{padding:24px 18px;border-radius:24px}.brand{font-size:32px}.subtitle{font-size:16px}.form-label{font-size:16px}.user-main{padding-top:82px;padding-bottom:78px}.user-top{height:82px;padding:0 20px}.user-top .brand{font-size:28px}.balance-pill{font-size:18px;padding:11px 18px}.moon-btn{width:48px;height:48px}.live-card,.info-card,.order-card{margin-left:20px;margin-right:20px;border-radius:25px}.live-card{padding:24px 16px;gap:12px}.live-card h2{font-size:25px}.live-card p{font-size:16px}.bolt{font-size:38px}.order-card{min-height:178px;padding:23px}.order-amount{font-size:27px}.pay-btn,.sold-btn{right:22px;top:58%;transform:translateY(-50%);min-width:193px;padding:15px 18px}.from{font-size:15px}.info-card{padding:26px 32px}.info-title{font-size:23px}.info-card p{font-size:17px}.desktop-user{display:none}}

/* Reference dashboard refinements */
.watch-user-page{background:#060b12;color:#f5f7fb;overflow-x:hidden}.watch-user-page .grid-bg{opacity:.08}.top-actions{display:flex;align-items:center}.live-copy{min-width:0}.live-copy .live-dot{display:inline-block;margin-right:10px;vertical-align:middle}.page-card{margin-top:0}.mini-order{position:relative;border:1px solid #263241;border-radius:18px;padding:16px 18px;margin:12px 0;background:#0c121c}.mini-order>div{display:flex;gap:14px;align-items:center}.mini-order strong{font-size:23px}.mini-order span{color:#16d9a3;border:1px solid #145d50;border-radius:18px;padding:4px 10px}.mini-order small{display:block;color:#7f8a9d;margin-top:8px}.mini-order small b{color:#62a8ff}.mini-order em{position:absolute;right:16px;top:17px;color:#16d9a3;font-style:normal}.profile-avatar{font-size:55px;margin-bottom:8px}.profile-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #202a37}.profile-link{display:block;text-decoration:none;color:#dce2ec;border:1px solid #263241;border-radius:14px;padding:14px;margin-top:12px}.profile-link:hover{color:#16d9a3;border-color:#16d9a3}
@media(max-width:520px){.user-top{padding:0 20px}.user-top .brand{font-size:27px}.balance-pill{padding:11px 17px;font-size:18px}.moon-btn{width:48px;height:48px}.live-card{align-items:flex-start}.live-card .bolt{font-size:34px}.order-card{min-height:180px}.pay-btn,.sold-btn{min-width:192px;right:20px}.info-card{padding:25px 28px}.info-card p{font-size:17px}.mini-order em{position:static;display:inline-block;margin-top:8px}}

/* Orders + Profile reference screens */
.orders-page,.profile-page{background:#050a10}.orders-page .user-main,.profile-page .user-main{padding-top:100px}
.order-tabs{margin:20px;padding:5px;background:#10151e;border:1px solid #222c39;border-radius:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}
.order-tab{border:0;background:transparent;color:#8792a7;border-radius:19px;padding:13px 7px;font-size:16px;font-weight:800;text-decoration:none;text-align:center}.order-tab.active{background:linear-gradient(100deg,#20dba3,#08a979);color:#fff;box-shadow:0 8px 22px #08c89438}
.order-section-title{margin:0 23px 18px;font-size:18px;letter-spacing:1.5px;color:#8e9aaf;font-weight:900}.order-section-title:before{content:"";display:inline-block;width:5px;height:23px;background:#10d9a1;border-radius:5px;vertical-align:-5px;margin-right:12px}
.empty-order{margin:0 20px;min-height:330px;border:1px solid #222c39;border-radius:28px;background:linear-gradient(145deg,#11161f,#0c1017);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-order .mailbox{font-size:60px;margin-bottom:22px}.empty-order h3{font-size:22px;margin:0 0 8px}.empty-order p{color:#8490a4;font-size:17px;margin:0}
.profile-hero{margin:20px;border:1px solid #1b6e60;border-radius:31px;background:linear-gradient(145deg,#101720,#0d121b);box-shadow:0 0 28px #0bd9a514,inset 0 1px #ffffff08;text-align:center;padding:28px 20px 30px}.profile-avatar-big{width:126px;height:126px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(145deg,#12c993,#0aae7f);border:7px solid #159d7c;box-shadow:0 0 0 9px #0cae7b22,0 0 35px #0bd8a54a}.profile-name{font-size:28px;font-weight:900;margin:8px 0 18px}.phone-pill{display:inline-flex;align-items:center;gap:14px;background:#0c1018;border:1px solid #202a38;border-radius:28px;padding:11px 19px;color:#7f8a9e;font-size:16px;font-weight:850;letter-spacing:1.5px}.phone-pill strong{color:#e7ebf2;letter-spacing:0;font-size:19px}.eye-small{width:39px;height:39px;border-radius:50%;background:#111722;border:1px solid #26303e;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0 20px 20px}.profile-stat{min-height:162px;border:1px solid #202b39;border-top:2px solid #11b98e;border-radius:23px;background:#10151e;text-align:center;padding:20px 10px}.profile-stat .stat-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 10px;background:#0b2928;display:flex;align-items:center;justify-content:center;font-size:25px}.profile-stat .value{font-size:26px;font-weight:900;color:#11d39d}.profile-stat .label{margin-top:4px;color:#8590a4;font-weight:900;letter-spacing:1px}
.profile-section{margin:0 20px 20px;border:1px solid #222c39;border-radius:27px;background:#10151e;padding:22px 14px 8px}.profile-section-title{font-size:17px;color:#8995aa;letter-spacing:1.5px;font-weight:900;margin:0 14px 15px}.profile-section-title:before{content:"";display:inline-block;width:5px;height:21px;background:#11d9a1;border-radius:5px;vertical-align:-5px;margin-right:12px}.profile-action{display:flex;align-items:center;gap:17px;min-height:76px;padding:10px 18px;border-bottom:1px solid #1d2632;text-decoration:none;color:#f2f4f8}.profile-action:last-child{border-bottom:0}.profile-action .action-icon{width:50px;height:50px;border-radius:15px;background:#0c1119;border:1px solid #202936;display:flex;align-items:center;justify-content:center;font-size:25px}.profile-action .action-title{font-size:19px;font-weight:850;flex:1}.profile-action .arrow{color:#7d899e;font-size:22px}
.profile-support{margin:0 20px 20px;border:1px solid #12664f;border-radius:27px;background:linear-gradient(120deg,#092d29,#102b27);padding:20px 25px;display:flex;align-items:center;gap:18px;text-decoration:none;color:#fff}.profile-support .support-icon{width:63px;height:63px;border-radius:17px;background:#13c995;display:flex;align-items:center;justify-content:center;font-size:31px}.profile-support strong{display:block;font-size:19px}.profile-support small{color:#8996a8;font-size:16px}.profile-support .arrow{margin-left:auto;color:#13dba4;font-size:22px}
@media(max-width:520px){.order-tab{font-size:15px;padding:13px 4px}.profile-avatar-big{width:124px;height:124px}.profile-name{font-size:27px}.profile-action .action-title{font-size:18px}}

/* FINAL USER PANEL - supplied reference style */
*{scrollbar-width:thin;scrollbar-color:#1a4d46 #070b11}
body.watch-user-page{background:#05090f!important}
.user-top{box-shadow:0 8px 30px #0004}
.user-top .brand{letter-spacing:1.5px}
.mobile-user-card{margin:0 20px 20px;background:#10151e;border:1px solid #25303e;border-radius:26px;padding:22px}
.mobile-user-card h3{font-size:21px;margin:0 0 12px}
.action-row{display:flex;align-items:center;gap:14px;min-height:72px;border-bottom:1px solid #222b38;text-decoration:none;color:#fff}
.action-row:last-child{border-bottom:0}
.action-row .ri{width:46px;height:46px;border-radius:14px;background:#0b1119;border:1px solid #222c39;display:flex;align-items:center;justify-content:center;font-size:23px}
.action-row .rt{flex:1;font-size:17px;font-weight:800}
.action-row .ra{color:#7e899b;font-size:21px}
.ref-card{margin:0 20px 20px;padding:20px;background:linear-gradient(120deg,#092c29,#102a27);border:1px solid #176b56;border-radius:25px}
.ref-card .ref-code{font-size:18px;color:#19dca5;font-weight:900;word-break:break-all}
.order-card{transition:transform .15s ease,box-shadow .15s ease}
.order-card:active{transform:scale(.99)}
@media(max-width:520px){
 .user-top .brand{font-size:27px}.online-dot{width:15px;height:15px;margin-right:9px}
 .balance-pill{font-size:18px;padding:10px 16px}.moon-btn{width:48px;height:48px}
}

/* =========================================================
   ALIPAYOUT MASTER DESIGN SYSTEM
   Applied consistently to User + Admin pages
   ========================================================= */
:root{
 --wp-bg:#05090f;--wp-surface:#10151e;--wp-surface2:#0c121b;--wp-line:#222c39;
 --wp-green:#13d5a0;--wp-green2:#08a979;--wp-muted:#8c97aa;--wp-text:#f3f6fb;
 --wp-red:#e74b5a;--wp-blue:#63a8ff;--wp-yellow:#ffd21c;
}
html,body{background:var(--wp-bg)!important;color:var(--wp-text)!important}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}
.panel,.stat{
 background:linear-gradient(145deg,var(--wp-surface),#0c1119)!important;
 border:1px solid var(--wp-line)!important;
 border-radius:24px!important;
 box-shadow:0 12px 35px #0003!important;
 color:var(--wp-text);
}
.panel{padding:22px!important}
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5{font-weight:900}
.form-control,.form-select,.input-group-text,textarea{
 background:#171b27!important;border:1px solid #283243!important;color:#f3f6fb!important;
 border-radius:15px!important;min-height:54px;
}
.form-control:focus,.form-select:focus,textarea:focus{border-color:var(--wp-green)!important;box-shadow:0 0 0 3px #13d5a01c!important}
.btn-main,.btn-success{
 background:linear-gradient(100deg,#2fe0a7,#08a979)!important;border:0!important;color:white!important;
 border-radius:16px!important;font-weight:900!important;box-shadow:0 10px 28px #0bd8a53d;
}
.btn-danger{border-radius:14px!important}.btn-outline-danger,.btn-outline-success{border-radius:13px!important}
.table{color:#e9edf5!important}.table th{color:#8793a8!important;text-transform:uppercase;font-size:12px;letter-spacing:1px}.table td,.table th{border-color:#25303d!important}
.badge-soft{background:#0e342d!important;color:#18d9a2!important;border:1px solid #176353!important;border-radius:18px!important;padding:7px 11px!important}
.page-title{font-size:25px;font-weight:900;margin:0 0 18px}
.page-subtitle{color:var(--wp-muted);margin-top:-10px;margin-bottom:22px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wp-list-card{background:linear-gradient(145deg,#111722,#0c121b);border:1px solid var(--wp-line);border-radius:22px;padding:18px;margin-bottom:14px}
.wp-list-card .title{font-size:19px;font-weight:900}.wp-list-card .meta{color:var(--wp-muted);font-size:14px;margin-top:6px}
.wp-value{font-size:25px;font-weight:900;color:var(--wp-green)}
.wp-section-title{font-size:17px;color:#909caf;font-weight:900;letter-spacing:1.4px;margin:24px 2px 14px}
.wp-section-title:before{content:"";display:inline-block;width:5px;height:21px;background:var(--wp-green);border-radius:5px;vertical-align:-5px;margin-right:11px}
.admin-shell{min-height:100vh;background:#05090f}
.admin-top{position:fixed;top:0;left:0;right:0;height:76px;z-index:50;background:#070c14f7;border-bottom:1px solid #16333a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;backdrop-filter:blur(15px)}
.admin-top .brand{font-size:27px;text-align:left}
.admin-user{color:#8995a8;font-weight:700}
.admin-sidebar{
 position:fixed;top:76px;left:0;bottom:0;width:255px;background:#080e16;
 border-right:1px solid #202a39;padding:18px 13px;overflow:auto;z-index:45
}
.admin-sidebar .side-title{color:#6f7d92;font-size:11px;font-weight:900;letter-spacing:1.6px;margin:13px 12px 8px}
.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:14px;color:#9ca7b9;text-decoration:none;margin:3px 0;font-weight:750}
.admin-sidebar a:hover,.admin-sidebar a.active{background:linear-gradient(90deg,#10372f,#0d2927);color:#16d9a2}
.admin-content{margin-left:255px;padding:102px 26px 35px;min-height:100vh}
.admin-stat{min-height:145px;padding:21px!important}.admin-stat .stat-icon{font-size:27px}.admin-stat small{color:#8a96a9;font-weight:800}.admin-stat h3{font-size:28px;color:#f5f7fb;margin-top:10px}
.admin-mobile-nav{display:none}
@media(max-width:800px){
 .card-grid{grid-template-columns:1fr 1fr}
 .admin-sidebar{display:none}.admin-content{margin-left:0;padding:92px 16px 86px}
 .admin-top{height:76px;padding:0 16px}.admin-top .brand{font-size:24px}
 .admin-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:#080c13f7;border-top:1px solid #1d2835;z-index:60;justify-content:space-around}
 .admin-mobile-nav a{flex:1;text-align:center;text-decoration:none;color:#8994a7;font-size:12px;font-weight:800;padding-top:9px}.admin-mobile-nav a.active{color:var(--wp-green)}
 .admin-mobile-nav .mi{display:block;font-size:23px;line-height:26px}
}
@media(max-width:520px){.card-grid{grid-template-columns:1fr}.panel{padding:18px!important}.page-title{font-size:23px}.table-responsive{border-radius:15px}}
.pay-opening{opacity:.8;pointer-events:none}.pay-btn:disabled{filter:brightness(.9);cursor:wait}
/* Admin utility grid / modal primitives (no external dependency) */
.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.row>*{padding-left:8px;padding-right:8px}.g-2{row-gap:8px}.g-3{row-gap:16px}.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-6{width:50%}.col-lg-4{width:33.3333%}.col-lg-5{width:41.6667%}.col-lg-7{width:58.3333%}.col-lg-8{width:66.6667%}.col-lg-5,.col-lg-7,.col-lg-8{padding-bottom:0}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap}.gap-1{gap:6px}.gap-2{gap:8px}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.w-100{width:100%!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mt-3{margin-top:16px!important}.my-4{margin-top:24px!important;margin-bottom:24px!important}.ms-2{margin-left:8px!important}.text-decoration-none{text-decoration:none}.table-responsive{width:100%;overflow:auto}.border-bottom{border-bottom:1px solid var(--wp-line)!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.mt-2{margin-top:8px!important}.mt-1{margin-top:4px!important}.text-center{text-align:center}.modal{display:none;position:fixed;inset:0;z-index:2000;background:#0009;padding:25px;overflow:auto}.modal.show{display:block}.modal-dialog{max-width:560px;margin:6vh auto}.modal-content{background:#0d141e;border:1px solid #2a3b4a;border-radius:22px;box-shadow:0 20px 60px #000b;overflow:hidden}.modal-header,.modal-footer{padding:18px 20px;border-color:#263240;display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px}.modal-header h5{margin:0;font-size:20px;font-weight:900}.modal-footer{justify-content:flex-end;gap:8px}.alert{border-radius:14px;padding:14px 16px;border:1px solid #33404f;background:#121b26;color:#fff}.alert-success{border-color:#1b6a55}.alert-danger{border-color:#7c3440}.alert-warning{border-color:#806a25}
@media(max-width:800px){.col-md-2,.col-md-3,.col-md-4,.col-md-6,.col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8{width:100%}.modal{padding:12px}.modal-dialog{margin:8vh auto}.admin-content{padding-left:14px;padding-right:14px}}

/* ===== FINAL RESPONSIVE UI PATCH ===== */
.admin-top-actions{display:flex;align-items:center;gap:12px}.admin-logout-top,.user-logout-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #2b3949;background:#101824;color:#f3f6fb;border-radius:13px;min-height:44px;padding:0 14px;font-weight:850;transition:.18s ease}.admin-logout-top:hover,.user-logout-btn:hover{border-color:#e74b5a;color:#ff6c78;background:#29131a;transform:translateY(-1px)}.admin-menu-btn{display:none;border:1px solid #2b3949;background:#101824;color:#fff;border-radius:12px;width:44px;height:44px;font-size:22px}.admin-sidebar a{transition:background .18s ease,color .18s ease,transform .18s ease}.admin-sidebar a:hover{transform:translateX(2px)}.admin-sidebar a.active{box-shadow:inset 3px 0 var(--wp-green),0 8px 20px #00d6a51a}.admin-content{overflow-x:hidden}.admin-content .panel{overflow:hidden}.admin-content .table-responsive{border:1px solid #202b38;border-radius:16px;background:#090f17}.admin-content table{min-width:620px}.admin-content th,.admin-content td{padding:13px 12px;vertical-align:middle}.admin-content input[type=checkbox]{accent-color:var(--wp-green);width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border-radius:13px;text-decoration:none;cursor:pointer;font-weight:850;border:1px solid #2b3949;background:#141c27;color:#fff}.btn:hover{transform:translateY(-1px)}.btn-outline-light{border-color:#435064;background:#111925;color:#eaf0f7}.btn-outline-danger{border-color:#7e3440;color:#ff6b79;background:#1a1014}.btn-outline-success{border-color:#26745f;color:#2be1b0;background:#0c241f}.modal-content .btn{min-width:100px}.wp-list-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.wp-list-card:hover{transform:translateY(-2px);border-color:#285447;box-shadow:0 14px 30px #0005}.user-logout-btn{width:46px;height:46px;padding:0;border-radius:50%;font-size:19px}.top-actions{display:flex;align-items:center;gap:9px}.logout-action{border-color:#5e2932!important;color:#ff7580!important}.admin-mobile-drawer{display:none}
.light-mode{background:#f2f6f8!important;color:#14202a!important}.light-mode .user-top,.light-mode .bottom-nav{background:#ffffffee!important;border-color:#d8e1e8!important}.light-mode .live-card,.light-mode .order-card,.light-mode .info-card,.light-mode .profile-section,.light-mode .profile-support,.light-mode .ref-card{background:#fff!important;border-color:#d8e1e8!important;color:#17212b}.light-mode .info-card p,.light-mode .from{color:#425164}.light-mode .balance-pill{color:#fff}.light-mode .moon-btn,.light-mode .user-logout-btn{background:#f3f6f8;color:#17212b;border-color:#ccd7e0}.light-mode .bottom-nav a{color:#627083}.light-mode .bottom-nav a.active{color:#079b78}.light-mode .grid-bg{opacity:.04}
@media(max-width:800px){.admin-menu-btn{display:inline-flex;align-items:center;justify-content:center}.admin-logout-top{display:none}.admin-user{font-size:12px}.admin-mobile-drawer{display:block;position:fixed;inset:0;z-index:1000;background:#0009;opacity:0;visibility:hidden;transition:.18s ease}.admin-mobile-drawer.open{opacity:1;visibility:visible}.admin-mobile-drawer .drawer-head{height:76px;background:#080e16;border-bottom:1px solid #25303d;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.drawer-head button{width:42px;height:42px;border-radius:12px;border:1px solid #354253;background:#111a26;color:#fff;font-size:18px}.drawer-links{position:absolute;right:0;top:0;bottom:0;width:min(88%,360px);padding:90px 16px 30px;background:#080e16;border-left:1px solid #25303d;overflow:auto;transform:translateX(100%);transition:.2s ease}.admin-mobile-drawer.open .drawer-links{transform:translateX(0)}.drawer-title{color:#6f7d92;font-size:11px;font-weight:900;letter-spacing:1.6px;margin:16px 8px 7px}.drawer-links a{display:flex;align-items:center;padding:13px 14px;border-radius:13px;color:#aeb8c8;text-decoration:none;font-weight:800;margin:3px 0}.drawer-links a.active{background:#10372f;color:#16d9a2}.drawer-links .logout-link{color:#ff6b79;margin-top:15px;border:1px solid #522a32}.admin-content .row{margin-left:-6px;margin-right:-6px}.admin-content .row>*{padding-left:6px;padding-right:6px}.admin-content .panel{border-radius:20px!important}.admin-content .page-title{line-height:1.25}.user-top .brand{white-space:nowrap}.user-top{padding:0 14px}.balance-pill{white-space:nowrap}.user-main{padding-left:0;padding-right:0}.profile-section,.profile-support,.ref-card{margin-left:20px;margin-right:20px}}
@media(max-width:520px){.admin-top{padding:0 10px}.admin-top .brand{font-size:20px}.admin-top .brand small{font-size:9px!important}.admin-user{display:none}.admin-content{padding:88px 10px 84px}.page-title{font-size:21px}.page-subtitle{font-size:13px}.stat.admin-stat{min-height:115px;padding:15px!important}.admin-stat h3{font-size:22px}.card-grid{gap:10px}.panel{padding:15px!important;border-radius:18px!important}.form-control,.form-select,textarea{min-height:50px}.btn{width:auto;min-height:44px}.admin-content .btn.w-100{width:100%}.admin-content table{min-width:560px}.user-top{height:76px}.user-top .brand{font-size:22px}.online-dot{width:13px;height:13px;margin-right:7px}.balance-pill{font-size:15px;padding:9px 12px}.moon-btn{width:42px;height:42px;font-size:20px}.user-logout-btn{width:42px;height:42px}.live-card,.info-card,.order-card,.profile-section,.profile-support,.ref-card{margin-left:10px;margin-right:10px}.order-card{min-height:185px}.pay-btn,.sold-btn{left:20px;right:20px;width:calc(100% - 40px);min-width:0;top:auto;bottom:18px;transform:none}.order-card .from{margin-bottom:65px}.info-card{padding:20px}.info-card p{font-size:15px}.bottom-nav{height:68px}.bottom-nav .ico{font-size:23px;line-height:26px}.bottom-nav a{font-size:12px}}

/* Safe payment error notice */
.payment-error-note{position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px);width:min(92vw,430px);padding:14px 16px;border:1px solid rgba(255,90,110,.35);border-radius:14px;background:#171a20;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.45);font-weight:600;text-align:center;z-index:99999;opacity:0;pointer-events:none;transition:.2s ease}.payment-error-note.show{opacity:1;transform:translate(-50%,0)}

/* Dashboard marquee + universal footer credit */
.dashboard-marquee{margin:0 20px 20px;overflow:hidden;border:1px solid #155c50;border-radius:16px;background:linear-gradient(90deg,#081c19,#0d171f,#081c19);box-shadow:0 0 22px #0bd8a522;padding:10px 0;white-space:nowrap;}
.dashboard-marquee-track{display:flex;width:max-content;animation:alipayout-marquee var(--marquee-duration,18s) linear infinite;}
.dashboard-marquee-track span{display:inline-block;padding:0 55px;color:#16dca3;font-size:15px;font-weight:800;letter-spacing:.2px;}
@keyframes alipayout-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.footer-credit{text-align:center;padding:10px 12px 14px;color:#6f7d91;font-size:12px;font-weight:700;letter-spacing:.15px;}
.footer-credit strong{color:#16d9a2;}
.auth-footer-credit{margin-top:14px;}
.admin-footer-credit{margin:0 0 82px;}
@media(max-width:520px){.dashboard-marquee{margin-left:10px;margin-right:10px;border-radius:14px}.dashboard-marquee-track span{font-size:14px;padding-left:45px;padding-right:45px}.footer-credit{font-size:11px}.admin-footer-credit{margin-bottom:78px;}}

.order-slide-out{animation:alipayoutOrderOut .45s ease forwards;pointer-events:none}.order-slide-in{animation:alipayoutOrderIn .45s ease both}@keyframes alipayoutOrderOut{0%{opacity:1;transform:translateX(0);max-height:500px;margin-bottom:18px}100%{opacity:0;transform:translateX(110%);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0}}@keyframes alipayoutOrderIn{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}

/* ===== MOBILE + AUTH FINAL HARDENING ===== */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:520px){
 .auth-wrap{padding:18px 10px;align-items:flex-start;padding-top:24px;padding-bottom:30px}
 .auth-card{width:100%;max-width:520px;padding:22px 15px;border-radius:22px}
 .auth-card .brand{font-size:29px;letter-spacing:1.5px}
 .auth-card .subtitle{font-size:14px;margin:6px 0 22px}
 .auth-card .theme{width:42px;height:42px;font-size:19px}
 .auth-card .form-label{font-size:14px;margin-bottom:7px}
 .auth-card .form-control,.auth-card .input-group-text{min-height:52px;font-size:15px}
 .auth-card .btn{min-height:52px;font-size:15px}
 .auth-footer-credit{padding-bottom:8px}
 .profile-action{min-height:68px;padding:9px 12px;gap:12px}
 .profile-action .action-icon{width:44px;height:44px;border-radius:13px;font-size:21px}
 .profile-action .action-title{font-size:16px}
 .profile-action .arrow{font-size:20px}
 .user-logout-btn,.moon-btn{flex:0 0 auto}
 .top-actions{gap:7px}
}
@media(max-width:380px){
 .user-top{padding:0 9px}.user-top .brand{font-size:19px}.online-dot{width:11px;height:11px;margin-right:5px}
 .balance-pill{font-size:13px;padding:8px 10px}.moon-btn,.user-logout-btn{width:38px;height:38px}
 .auth-card{padding:20px 12px}.auth-card .brand{font-size:27px}
}


/* ===== ALIPAYOUT PREMIUM MOBILE EXPERIENCE v2 ===== */
.auth-wrap{position:relative;z-index:2;min-height:100dvh;padding:28px 16px 22px;overflow:hidden}
.auth-wrap:before{content:"";position:absolute;width:340px;height:340px;left:-170px;top:-150px;border-radius:50%;background:#12d9a01c;filter:blur(10px);pointer-events:none}
.auth-wrap:after{content:"";position:absolute;width:300px;height:300px;right:-170px;bottom:-120px;border-radius:50%;background:#2b7cff16;filter:blur(10px);pointer-events:none}
.auth-card{position:relative;z-index:3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff12!important;box-shadow:0 25px 80px #0007, inset 0 1px #ffffff0c!important}
.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,transparent,#15d9a2,#65a8ff,transparent);opacity:.8}
.auth-card .brand{font-weight:950;letter-spacing:2px;text-shadow:0 8px 28px #12d9a044}
.auth-card .subtitle{color:#8f9bb0;max-width:320px;margin-left:auto;margin-right:auto}
.auth-card .form-label{font-weight:800;color:#b9c2d1}
.auth-card .input-group-text{background:#111925!important;color:#9aa7ba!important;border-color:#283243!important}
.auth-card .form-control::placeholder{color:#69768a}
.auth-card .btn-main{min-height:54px;letter-spacing:.2px}
.auth-card .divider{color:#657287;letter-spacing:2px;font-size:10px;font-weight:900}
.auth-card .auth-link{font-weight:850}
.theme{box-shadow:0 8px 25px #0005}

/* Home dashboard premium refresh */
.wp-home{background:radial-gradient(circle at 15% -10%,#dbeaff 0,#f4f7fb 34%,#f7f9fc 100%);}
.wp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1159e8 0%,#2877f4 48%,#55a7ff 100%);padding-top:calc(14px + env(safe-area-inset-top));box-shadow:0 18px 45px rgba(25,103,230,.24)}
.wp-hero:before,.wp-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.wp-hero:before{width:240px;height:240px;right:-110px;top:-100px;background:#fff1;box-shadow:0 0 90px #fff1}
.wp-hero:after{width:170px;height:170px;left:-80px;bottom:-100px;background:#00e0ff18}
.wp-top,.wp-search,.wp-quick{position:relative;z-index:2}
.wp-brand-link{text-decoration:none;color:#fff}.wp-brand-link:hover{color:#fff}
.wp-head-actions{display:flex;align-items:center;gap:8px}.wp-balance{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 25px #063da42b}
.wp-profile-chip{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#ffffff1f;border:1px solid #ffffff3d;box-shadow:0 7px 18px #063da433;font-size:18px}
.wp-search{border:1px solid #ffffff45;box-shadow:0 10px 28px #063da433}.wp-search:focus-within{box-shadow:0 0 0 3px #ffffff24,0 12px 28px #063da444}
.wp-quick a{transition:transform .18s ease}.wp-quick a:active{transform:scale(.94)}
.wp-qicon{box-shadow:inset 0 1px #fff3,0 7px 18px #063da42b;transition:.18s ease}.wp-quick a:hover .wp-qicon{transform:translateY(-2px);background:#fff2}
.wp-body{padding-top:18px}.wp-card{border:1px solid #e5eaf2;box-shadow:0 10px 30px rgba(34,51,84,.06);transition:transform .18s ease,box-shadow .18s ease}.wp-card:hover{box-shadow:0 15px 35px rgba(34,51,84,.09)}
.wp-services{padding:18px 12px}.wp-sicon{box-shadow:0 7px 16px rgba(39,116,239,.09);transition:transform .18s ease}.wp-service:active .wp-sicon{transform:scale(.92)}
.wp-notice{border-left:4px solid #2674ef}.wp-tabs{border:1px solid #e8edf5}.wp-tab{transition:.18s ease}.wp-order{box-shadow:0 5px 18px rgba(30,50,85,.04);transition:.18s ease}.wp-order:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(30,50,85,.08)}.wp-pay{box-shadow:0 8px 18px rgba(31,112,238,.18);transition:.18s ease}.wp-pay:active{transform:scale(.985)}
.wp-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom));}

@media(max-width:520px){
 .wp-home{font-size:14px}.wp-hero{padding-left:13px;padding-right:13px;border-radius:0 0 30px 30px}.wp-top{gap:7px}.wp-brand{font-size:21px}.wp-balance{font-size:12px;padding:8px 10px}.wp-profile-chip{width:36px;height:36px}
 .wp-search{margin:16px 0 18px;padding:11px 13px}.wp-quick-services{gap:13px 4px}.wp-quick-services .wp-qicon{width:44px;height:44px;border-radius:14px}.wp-quick a{font-size:11px}
 .wp-body{padding:12px 10px 18px}.wp-card{border-radius:18px;margin-bottom:11px}.wp-services{padding:15px 8px}.wp-grid{gap:15px 3px}.wp-sicon{width:43px;height:43px;border-radius:13px;font-size:20px}.wp-service{font-size:10.5px}
 .wp-notice{padding:12px 13px;font-size:12px}.wp-section{padding:14px}.wp-section h2{font-size:19px}.wp-order{padding:13px;margin-bottom:9px}.wp-order .amt{font-size:18px}.wp-pay{padding:11px}.wp-bottom{padding-left:10px;padding-right:10px}
}
@media(max-width:370px){.wp-brand{font-size:19px}.wp-balance{font-size:11px;padding:7px 8px}.wp-profile-chip{width:34px;height:34px}.wp-quick-services{gap:11px 2px}.wp-quick-services .wp-qicon{width:41px;height:41px}.wp-grid{gap:13px 1px}}

/* Profile premium polish */
.profile-page .profile-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -20%,#1b4d43 0,#101720 48%,#0b1018 100%);box-shadow:0 18px 45px #0004,inset 0 1px #fff1}
.profile-page .profile-hero:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;top:-95px;background:#13d5a014;box-shadow:0 0 70px #13d5a018}.profile-page .profile-hero>*{position:relative;z-index:1}
.profile-page .profile-stat{box-shadow:0 12px 28px #0003;transition:.18s ease}.profile-page .profile-stat:hover{transform:translateY(-2px);border-color:#236c5c}.profile-page .profile-action{transition:.16s ease;border-radius:15px}.profile-page .profile-action:hover{background:#ffffff04;padding-left:22px}.profile-page .profile-action .action-icon{box-shadow:inset 0 1px #fff08,0 7px 18px #0003}
.profile-page .profile-support{box-shadow:0 12px 30px #0004;transition:.18s ease}.profile-page .profile-support:hover{transform:translateY(-2px);border-color:#1ca77e}

/* Touch and accessibility */
@media(hover:none){.wp-card:hover,.profile-page .profile-stat:hover,.profile-page .profile-support:hover{transform:none}.profile-page .profile-action:hover{padding-left:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== FINAL RESPONSIVE + DESKTOP HARDENING ===== */
@media (min-width: 821px) {
  .wp-hero { padding-left: 32px; padding-right: 32px; }
  .wp-top, .wp-search, .wp-quick { max-width: 1180px; margin-left: auto; margin-right: auto; }
  .wp-top { padding-top: 2px; }
  .wp-body { max-width: 1180px; padding-left: 24px; padding-right: 24px; }
  .wp-quick { grid-template-columns: repeat(8, 1fr); gap: 18px; }
  .wp-quick-services { grid-template-columns: repeat(8, 1fr); }
  .wp-grid { grid-template-columns: repeat(8, 1fr); gap: 22px 10px; }
  .wp-bottom { max-width: 560px; border: 1px solid #e4e9f1; border-bottom: 0; }
  .watch-user-page:not(.wp-home) .user-main { max-width: 1100px; margin-left: auto; margin-right: auto; }
  .profile-page .profile-hero { margin-left: 0; margin-right: 0; }
  .profile-page .profile-stats { margin-left: 0; margin-right: 0; }
  .profile-page .profile-section, .profile-page .profile-support, .profile-page .ref-card { margin-left: 0; margin-right: 0; }
}

@media (max-width: 520px) {
  .wp-quick a, .wp-service, .bottom-nav a, .profile-action { -webkit-tap-highlight-color: transparent; }
  .wp-quick a { min-height: 64px; display: block; }
  .wp-service { min-height: 68px; display: block; }
  .profile-action { min-height: 68px; }
  .bottom-nav a { padding: 3px 0; }
}

/* Prevent horizontal overflow from long values, URLs and tables. */
img, video, iframe { max-width: 100%; }
input, select, textarea, button { max-width: 100%; }
pre, code { overflow-wrap: anywhere; }


/* ===== ADMIN WATCHPAY-STYLE FINAL UI ===== */
.admin-shell{background:radial-gradient(circle at 12% 8%,#063b38 0,#05090f 32%,#090611 100%)!important;}
.admin-top{height:72px!important;background:rgba(4,10,15,.96)!important;border-bottom:1px solid #173c3b!important;box-shadow:0 8px 30px #0005!important}
.admin-top .brand{font-size:28px!important;font-weight:950!important;letter-spacing:2px;text-shadow:0 8px 30px #13d5a044}
.admin-top .brand .online-dot,.admin-top .online-dot{box-shadow:0 0 18px #13d5a0!important}
.admin-user{display:flex;align-items:center;gap:7px!important;color:#c1c9d5!important}
.admin-live-dot{width:9px;height:9px;border-radius:50%;background:var(--wp-green);box-shadow:0 0 12px #13d5a0;display:inline-block}
.admin-balance{min-width:116px;text-align:center;padding:10px 17px;border-radius:24px;background:linear-gradient(135deg,#18d8a1,#0ba97d);color:#fff;font-size:18px;font-weight:950;box-shadow:0 10px 28px #13d5a044,inset 0 1px #fff5}
.admin-sidebar{background:rgba(5,12,17,.97)!important;border-right:1px solid #183438!important}
.admin-sidebar a{border:1px solid transparent!important}
.admin-sidebar a:hover{background:linear-gradient(90deg,#0e322d,#0b2022)!important;color:#19d9a3!important}
.admin-sidebar a.active{background:linear-gradient(90deg,#123d35,#0c2527)!important;color:#20e0aa!important;border-color:#1b5d4d!important;box-shadow:inset 3px 0 #13d5a0,0 8px 25px #00d6a51a!important}
.admin-content{padding-top:98px!important}
.admin-content .page-title{font-size:30px!important;letter-spacing:-.4px;text-shadow:0 8px 25px #0007}
.admin-content .page-subtitle{font-size:15px!important;color:#8592a7!important}
.admin-stat{position:relative;overflow:hidden;min-height:132px!important;background:linear-gradient(145deg,#111923,#0b1119)!important;border-radius:20px!important;border-color:#202f3a!important}
.admin-stat:after{content:"";position:absolute;width:100px;height:100px;right:-48px;top:-50px;border-radius:50%;background:#13d5a010;box-shadow:0 0 45px #13d5a00c}
.admin-stat small{font-size:11px;letter-spacing:1px;color:#7e8da1!important}
.admin-stat h3{font-size:27px!important;font-weight:950!important}
.admin-content .wp-list-card{background:linear-gradient(145deg,#111922,#0b1118)!important;border-color:#20303a!important;border-radius:20px!important;min-height:100px}
.admin-content .wp-list-card .title{font-size:17px!important}.admin-content .wp-list-card .meta{color:#8290a5!important}
.admin-content .wp-section-title{margin-top:28px!important;color:#8997aa!important}
.admin-content .wp-section-title:before{height:20px!important;background:var(--wp-green)!important;box-shadow:0 0 12px #13d5a0!important}
.admin-content .panel{background:linear-gradient(145deg,#101820,#0a1017)!important;border-color:#20303a!important;border-radius:22px!important}
.admin-content .table-responsive{background:#080e15!important;border-color:#1e2d37!important}
.admin-mobile-nav{background:rgba(4,10,15,.98)!important;border-top:1px solid #173b3a!important;box-shadow:0 -12px 30px #0008!important}
.admin-mobile-nav a{color:#7f8da2!important}.admin-mobile-nav a.active{color:#13d5a0!important}
.admin-mobile-nav .mi{filter:drop-shadow(0 5px 10px #0005)}
.admin-menu-btn{border-color:#2a3945!important;background:#101821!important}
@media(max-width:800px){
 .admin-top{height:72px!important;padding:0 12px!important}.admin-top .brand{font-size:22px!important}.admin-balance{min-width:auto;font-size:14px;padding:8px 12px}.admin-content{padding-top:90px!important}
}
@media(max-width:520px){
 .admin-top .brand small{display:none}.admin-balance{font-size:13px;padding:8px 10px}.admin-top-actions{gap:7px}.admin-content{padding:88px 10px 84px!important}.admin-content .page-title{font-size:24px!important}
 .admin-stat{min-height:112px!important;padding:15px!important}.admin-stat h3{font-size:22px!important}
}