:root{--bg:#f5f7fb;--card:#fff;--text:#171923;--muted:#687080;--primary:#6c5ce7;--primary2:#8d7cff;--border:#e5e7eb;--danger:#dc3545;--success:#16a34a;--shadow:0 12px 35px rgba(17,24,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);transition:.2s}.dark{--bg:#0b0d12;--card:#151922;--text:#f7f7fb;--muted:#a8afbd;--border:#292f3b;--shadow:0 14px 35px rgba(0,0,0,.25)}
a{color:inherit;text-decoration:none}.navbar{height:70px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:0 5%;position:sticky;top:0;z-index:50}.brand{font-size:23px;font-weight:900;color:var(--primary);margin-left:auto}.navbar nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.navbar nav a{font-size:14px}.container{width:min(1180px,92%);margin:30px auto}.hero{padding:65px 38px;border-radius:26px;background:radial-gradient(circle at 20% 20%,var(--b7r-secondary,var(--primary2,#8d7cff)) 0,color-mix(in srgb,var(--b7r-primary,var(--primary,#6c5ce7)) 60%,#171b2b) 35%,var(--b7r-bg,#171b2b) 100%);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#fff2;left:-80px;bottom:-150px}.hero h1{font-size:clamp(32px,5vw,58px);margin:0 0 12px;position:relative;z-index:1}.hero p{font-size:18px;opacity:.9;position:relative;z-index:1}.hero .btn{position:relative;z-index:1}.section-title{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.game,.pack{transition:.2s}.game:hover,.pack:hover{transform:translateY(-3px);border-color:var(--primary2)}.game img,.pack img,.banner img{width:100%;height:170px;object-fit:cover;border-radius:13px;background:#ddd}.game h3,.pack h3{margin:12px 0 6px}.muted{color:var(--muted)}.price{font-size:22px;font-weight:900;color:var(--primary)}.btn{display:inline-block;border:0;border-radius:11px;padding:11px 17px;background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 7px 18px #6c5ce733}.btn:hover{filter:brightness(1.05)}.btn.small{padding:8px 12px}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.secondary{background:#333a49}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{max-width:620px;margin:auto}.input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);margin:6px 0 14px;outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce722}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:20px}.stat strong{display:block;font-size:28px;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.badge{padding:5px 9px;border-radius:999px;background:#eee;font-size:12px}.footer{text-align:center;padding:40px;color:var(--muted)}.whatsapp{position:fixed;left:18px;bottom:18px;background:#16a34a;color:#fff;padding:12px 18px;border-radius:999px;z-index:60;box-shadow:0 10px 25px #0003}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;padding:8px;cursor:pointer}.alert{padding:13px 16px;border-radius:11px;background:color-mix(in srgb,var(--b7r-warning,#f59e0b) 12%,var(--b7r-card,#111827));color:var(--b7r-text,#f8fafc)!important;border:1px solid color-mix(in srgb,var(--b7r-warning,#f59e0b) 30%,transparent);margin-bottom:15px;font-weight:700;line-height:1.7;text-shadow:none;opacity:1!important}.alert.successbox{background:color-mix(in srgb,var(--b7r-success,#22c55e) 13%,var(--b7r-card,#111827))!important;color:#86efac!important;border-color:color-mix(in srgb,var(--b7r-success,#22c55e) 38%,transparent)!important}.alert.error,.alert.dangerbox{background:color-mix(in srgb,var(--b7r-danger,#ef4444) 13%,var(--b7r-card,#111827))!important;color:#fda4af!important;border-color:color-mix(in srgb,var(--b7r-danger,#ef4444) 38%,transparent)!important}.alert.warning{background:color-mix(in srgb,var(--b7r-warning,#f59e0b) 13%,var(--b7r-card,#111827))!important;color:#fcd34d!important;border-color:color-mix(in srgb,var(--b7r-warning,#f59e0b) 38%,transparent)!important}.dark .alert,.dark .alert.successbox,.dark .alert.dangerbox,.dark .alert.error{opacity:1!important;text-shadow:none!important}.empty{padding:45px;text-align:center;color:var(--muted)}.banner img{height:230px}.promo-bar{margin:18px 0;padding:11px 15px;background:var(--primary);color:#fff;border-radius:12px;overflow:hidden;white-space:nowrap}.promo-bar span{display:inline-block;animation:marquee 18s linear infinite}@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);border-radius:999px;padding:7px 11px;color:var(--muted)}@media(max-width:700px){.navbar{height:auto;min-height:64px;padding:12px 4%;align-items:flex-start}.navbar nav{gap:10px}.brand{margin-left:0;margin-right:auto}.hero{padding:42px 24px}.container{width:94%}}

/* Ba7r Store V19 — Card First */
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.catalog-card{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.22s;position:relative}
.catalog-card:hover{transform:translateY(-5px);border-color:var(--primary2)}
.catalog-card .cover{width:100%;height:190px;object-fit:cover;display:block;background:#252a38}
.catalog-card .body{padding:17px}
.catalog-card h3{margin:0 0 7px;font-size:19px}
.catalog-card p{margin:0 0 12px;color:var(--muted);min-height:40px}
.catalog-card .meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;min-width:0}
.catalog-card .meta>.price-box{min-width:0;flex:0 1 auto}
.catalog-card .meta>.btn{flex:0 0 auto;white-space:nowrap}
.price-box{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;line-height:1.15}
.old-price{display:block;font-size:13px;line-height:1.2;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;opacity:.9;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.current-price{display:block;font-size:22px;font-weight:900;line-height:1.15;color:var(--text);white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.discount-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1.2;font-weight:800;background:color-mix(in srgb,var(--danger) 12%,var(--card));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);white-space:nowrap;direction:rtl}

.catalog-card .price{font-size:21px}
.catalog-card .type{position:absolute;top:12px;right:12px;background:#0009;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;backdrop-filter:blur(5px)}
.catalog-card .status{font-size:11px;padding:5px 9px;border-radius:999px}
.status.on{background:#dcfce7;color:#166534}.status.off{background:#fee2e2;color:#991b1b}
.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.admin-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.admin-card img{width:100%;height:145px;object-fit:cover;background:#252a38}.admin-card .body{padding:15px}.admin-card .actions{margin-top:12px}
.catalog-filter{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.catalog-filter .input{max-width:320px;margin:0}
.empty-card{grid-column:1/-1;text-align:center;padding:45px;background:var(--card);border:1px dashed var(--border);border-radius:20px;color:var(--muted)}
@media(max-width:600px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card .cover{height:140px}.catalog-card .body{padding:12px}.catalog-card h3{font-size:16px}.catalog-card .meta{flex-direction:column;align-items:stretch;gap:10px}.catalog-card .meta>.price-box{align-items:flex-start}.catalog-card .meta>.btn{width:100%;text-align:center}}

.price-box{display:flex;flex-direction:column;gap:3px}
.old-price{font-size:14px;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;opacity:.85}
.current-price{font-size:22px;font-weight:800}
.discount-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#fee2e2;color:#b91c1c}

/* V27 Clean UI */
.eyebrow{display:inline-flex;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--primary);background:#6c5ce714;border:1px solid #6c5ce733;border-radius:999px;padding:6px 10px}
.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:8px 0 25px}.admin-head h1{font-size:34px;margin:9px 0 5px}.admin-head p{margin:0}
.admin-summary{display:flex;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.admin-summary div{min-width:95px;padding:13px 16px;text-align:center;border-left:1px solid var(--border)}.admin-summary div:last-child{border-left:0}.admin-summary b{display:block;font-size:22px}.admin-summary span{font-size:11px;color:var(--muted)}
.catalog-editor{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow);margin-bottom:30px}.editor-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.editor-title h2{margin:0;font-size:21px}.editor-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.editor-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#6c5ce714;color:var(--primary);font-size:25px}.clean-form label{display:block;font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.file-input{padding:10px}.image-preview{height:74px;display:flex;align-items:center;gap:12px;border:1px dashed var(--border);border-radius:13px;padding:8px;color:var(--muted);font-size:12px}.image-preview img{width:58px;height:58px;border-radius:9px;object-fit:cover;background:#252a38}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.catalog-toolbar h2{margin:0;font-size:22px}
.premium-cards{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.premium-card{border-radius:22px;border:1px solid var(--border);box-shadow:0 12px 32px rgba(17,24,39,.07);transition:transform .2s,box-shadow .2s}.premium-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(17,24,39,.12)}.premium-card .card-media{height:175px;position:relative;overflow:hidden;background:#252a38}.premium-card .card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0008)}.premium-card .card-media img{width:100%;height:100%;object-fit:cover}.floating-status,.floating-type{position:absolute;z-index:2;top:12px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}.floating-status{right:12px}.floating-status.live{background:#dcfce7;color:#166534}.floating-status.paused{background:#fee2e2;color:#991b1b}.floating-type{left:12px;background:#111a;color:#fff}.premium-card .body{padding:17px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title-row h3{margin:0;font-size:20px}.order-no{font-size:11px;color:var(--muted);background:var(--bg);padding:5px 8px;border-radius:8px}.premium-card p{min-height:38px;margin:8px 0 12px;color:var(--muted);line-height:1.7}.card-actions form{display:inline-block}.card-actions .btn{min-width:70px}.dark .premium-card{box-shadow:0 18px 45px rgba(0,0,0,.25)}
@media(max-width:700px){.admin-head{display:block}.admin-summary{margin-top:16px;width:100%}.admin-summary div{flex:1;min-width:0}.form-grid{grid-template-columns:1fr}.catalog-editor{padding:17px}.premium-cards{grid-template-columns:1fr}.premium-card .card-media{height:190px}}

/* V28 Instant Order */
.checkout-shell{max-width:850px;margin:25px auto}.checkout-card{padding:25px}.checkout-head{text-align:center;margin-bottom:22px}.checkout-head h1{margin:9px 0 5px;font-size:32px}.selected-package{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--bg);margin-bottom:22px}.selected-package img{width:90px;height:70px;object-fit:cover;border-radius:12px}.selected-package b{display:block;font-size:18px}.selected-package span:not(.old-price):not(.current-price){display:block;color:var(--muted);margin-top:5px;font-size:13px}.checkout-section{padding:18px 0;border-top:1px solid var(--border)}.checkout-section h3{margin:0 0 14px}.payment-options{display:grid;gap:10px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid var(--border);border-radius:15px;cursor:pointer;transition:.2s}.payment-option:has(input:checked){border-color:var(--primary);background:#6c5ce70d}.payment-option input{accent-color:var(--primary)}.payment-option>span{font-size:25px}.payment-option b,.payment-option small{display:block}.payment-option small{color:var(--muted);margin-top:3px}.checkout-submit{width:100%;font-size:16px;padding:14px;margin-top:5px}.order-success{text-align:center;padding:30px 10px}.success-icon{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:34px;font-weight:900}.order-success .btn{margin:5px}.whatsapp-order{font-size:16px}.dark .selected-package{background:#10141d}
@media(max-width:600px){.selected-package{grid-template-columns:70px 1fr}.selected-package img{width:70px;height:60px}.selected-package .price-box{grid-column:1/-1;text-align:left}.checkout-card{padding:17px}.checkout-head h1{font-size:27px}}

/* V29 Premium Admin Dashboard */
.admin-layout{background:#f6f7fb}.admin-layout .navbar{display:none}.admin-layout .container{width:100%;max-width:none;margin:0;padding:0}.dash-shell{min-height:calc(100vh - 1px);display:grid;grid-template-columns:250px minmax(0,1fr);direction:ltr}.dash-side{direction:rtl;background:#111827;color:#e5e7eb;padding:24px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:5px}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 9px 25px;border-bottom:1px solid #ffffff12;margin-bottom:12px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#a78bfa);font-weight:900;font-size:20px;color:#fff;box-shadow:0 8px 20px #7c5cff44}.side-brand b{display:block;font-size:15px;color:#fff}.side-brand small{display:block;color:#8993a6;font-size:8px;letter-spacing:1.5px;margin-top:3px}.side-section{font-size:10px;color:#697386;font-weight:800;padding:14px 12px 5px;letter-spacing:.4px}.side-link{display:flex;align-items:center;gap:11px;min-height:43px;padding:10px 12px;border-radius:11px;color:#aeb7c7;font-size:13px;transition:.18s}.side-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.side-link:hover{background:#ffffff0d;color:#fff}.side-link.active{background:linear-gradient(90deg,#6d5ce7,#806cf2);color:#fff;box-shadow:0 7px 20px #6d5ce744}.side-link em{font-style:normal;font-size:10px;background:#ef4444;color:#fff;padding:3px 6px;border-radius:999px;margin-right:auto}.side-back{margin-top:auto;padding:13px 12px;color:#8f9aab;font-size:12px;border-top:1px solid #ffffff12}.dash-main{direction:rtl;padding:31px clamp(20px,4vw,52px);max-width:1500px;width:100%;margin:0 auto}.dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.crumb{font-size:11px;color:#9299a8;margin-bottom:7px}.crumb span{padding:0 5px}.dash-top h1{font-size:28px;margin:0 0 5px;color:#151923}.dash-top p{margin:0;color:#8a91a0;font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.online-dot{font-size:11px;color:#15803d;background:#dcfce7;padding:8px 12px;border-radius:999px}.dash-profile{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#6d28d9;font-weight:900}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dash-stat{background:#fff;border:1px solid #e9ebf1;border-radius:17px;padding:19px;position:relative;overflow:hidden;box-shadow:0 7px 24px #18203308}.dash-stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-35px;bottom:-50px;background:currentColor;opacity:.04}.dash-stat>span{display:block;color:#7b8291;font-size:11px;margin-bottom:5px}.dash-stat strong{display:block;font-size:25px;letter-spacing:-.5px;color:#161a24}.dash-stat small{display:block;color:#9aa1af;font-size:10px;margin-top:6px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;float:right;margin-left:11px}.stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.purple{color:#7c5cff}.blue{color:#3b82f6}.green{color:#16a34a}.orange{color:#f59e0b}.purple .stat-icon{background:#ede9fe}.blue .stat-icon{background:#dbeafe}.green .stat-icon{background:#dcfce7}.orange .stat-icon{background:#fef3c7}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:18px}.dash-panel{background:#fff;border:1px solid #e9ebf1;border-radius:18px;box-shadow:0 7px 24px #18203308;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.panel-head h2,.quick-head h2{margin:0;font-size:17px;color:#171b25}.panel-head p,.quick-head p{margin:4px 0 0;font-size:11px;color:#9299a7}.panel-head>a{font-size:11px;color:#6d5ce7;font-weight:700}.recent-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f4}.recent-row:last-child{border-bottom:0}.order-avatar{width:35px;height:35px;border-radius:10px;background:#f1efff;color:#6d5ce7;display:grid;place-items:center;font-size:11px;font-weight:900}.order-info{flex:1;min-width:0}.order-info b{display:block;font-size:12px}.order-info span{display:block;color:#969dab;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.order-price{font-weight:800;font-size:11px;white-space:nowrap}.order-status{font-size:9px;border-radius:999px;padding:5px 8px;white-space:nowrap}.st-pending{background:#fef3c7;color:#a16207}.st-processing{background:#dbeafe;color:#1d4ed8}.st-completed{background:#dcfce7;color:#15803d}.st-rejected,.st-cancelled{background:#fee2e2;color:#b91c1c}.overview-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef0f4}.overview-item:last-child{border-bottom:0}.overview-item span{font-size:11px;color:#7f8795;flex:1}.overview-item b{font-size:17px}.overview-item i{width:30px;height:30px;border-radius:9px;background:#f5f3ff;color:#725fe6;display:grid;place-items:center;font-style:normal}.overview-item i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quick-head{margin:27px 0 13px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ebf1;border-radius:15px;padding:15px;box-shadow:0 7px 24px #18203306;transition:.18s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1820330d}.quick-card svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quick-card>svg{width:38px;height:38px;padding:10px;border-radius:11px}.quick-card div{flex:1}.quick-card b{display:block;font-size:12px}.quick-card span{display:block;font-size:10px;color:#9299a7;margin-top:3px}.quick-card strong{font-size:16px;color:#a0a6b1}.q-purple>svg{background:#ede9fe;color:#7c5cff}.q-blue>svg{background:#dbeafe;color:#2563eb}.q-orange>svg{background:#fef3c7;color:#d97706}.q-green>svg{background:#dcfce7;color:#16a34a}.q-red>svg{background:#fee2e2;color:#dc2626}.q-gray>svg{background:#f1f5f9;color:#475569}.dash-empty{padding:35px;text-align:center;color:#9aa1af;font-size:12px}
.dark .admin-layout{background:#0b0f17}.dark .admin-layout .dash-top h1{color:#f5f7fb}.dark .admin-layout .dash-stat,.dark .admin-layout .dash-panel,.dark .admin-layout .quick-card{background:#151b26;border-color:#252c38}.dark .admin-layout .dash-stat strong{color:#f5f7fb}.dark .admin-layout .recent-row,.dark .admin-layout .overview-item{border-color:#252c38}.dark .admin-layout .quick-card span,.dark .admin-layout .dash-top p,.dark .admin-layout .panel-head p{color:#8791a2}.dark .admin-layout .online-dot{background:#12351f}.dark .admin-layout .dash-profile{background:#282044;color:#b8aaff}
@media(max-width:1050px){.dash-stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dash-shell{grid-template-columns:1fr}.dash-side{position:relative;height:auto;padding:12px;display:block}.side-brand{padding-bottom:12px;margin-bottom:5px}.side-section{display:none}.side-link{display:inline-flex;width:auto;margin:3px 2px;padding:8px 10px}.side-link em{display:none}.side-back{display:none}.dash-main{padding:20px 14px}.dash-top h1{font-size:22px}.top-actions{display:none}.dash-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dash-stat{padding:14px}.dash-stat strong{font-size:19px}.quick-grid{grid-template-columns:1fr}.recent-row{gap:8px}.order-price{display:none}}
@media(max-width:430px){.dash-stats{grid-template-columns:1fr 1fr}.dash-stat>span{font-size:10px}.dash-stat small{font-size:9px}}

/* V30 Gaming Home Hero — inspired by supplied reference video */
.home-hero{position:relative;width:100%;height:clamp(420px,42vw,560px);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--b7r-primary,var(--primary,#6c5ce7)) 55%,#0b0d16) 0%,color-mix(in srgb,var(--b7r-secondary,var(--primary2,#8d7cff)) 30%,#0b0d16) 48%,var(--b7r-bg,#090b12) 100%);box-shadow:0 20px 55px rgba(10,12,22,.18);isolation:isolate}
.hero-track{height:100%}.hero-track,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .65s ease;display:flex;align-items:flex-end}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,14,.88) 0%,rgba(7,9,14,.6) 33%,rgba(7,9,14,.14) 75%,rgba(7,9,14,.3) 100%),linear-gradient(0deg,rgba(7,9,14,.5),transparent 48%)}
.hero-content{position:relative;z-index:2;width:min(600px,88%);max-width:100%;margin:0 7% 56px auto;padding:0;color:#fff;text-align:right;overflow-wrap:anywhere}
.hero-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);padding:7px 13px;border-radius:999px;color:var(--b7r-secondary,var(--primary2,#f6a13a));font-size:11px;font-weight:800;letter-spacing:1.8px}
.hero-content h1{font-size:clamp(28px,4vw,54px);line-height:1.14;margin:14px 0 10px;font-weight:900;letter-spacing:-1px;text-shadow:0 8px 30px #0008;max-width:100%;overflow-wrap:anywhere}
.hero-content p{font-size:clamp(13px,1.4vw,18px);color:#e6e7eb;margin:0 0 22px;line-height:1.5}
.hero-cta{display:inline-flex;align-items:center;gap:18px;padding:13px 22px;border-radius:12px;background:linear-gradient(135deg,var(--b7r-primary,var(--primary,#6c5ce7)),var(--b7r-secondary,var(--primary2,#8d7cff)));color:#fff;font-weight:800;box-shadow:0 12px 30px color-mix(in srgb,var(--b7r-primary,var(--primary,#6c5ce7)) 35%,transparent)}
.hero-cta b{font-size:20px}
.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);color:#fff;font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s}
.hero-arrow:hover{background:var(--b7r-primary,var(--primary,#6c5ce7));border-color:transparent}
.hero-prev{left:18px}.hero-next{right:18px}
.hero-dots{position:absolute;z-index:6;bottom:18px;right:7%;display:flex;gap:7px}
.hero-dot{width:28px;height:4px;border:0;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:.2s}
.hero-dot.active{background:var(--b7r-secondary,#fff);width:48px}
.fallback-hero{background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--b7r-primary,var(--primary,#6c5ce7)) 45%,transparent),var(--b7r-bg,#090b12) 55%),linear-gradient(135deg,color-mix(in srgb,var(--b7r-secondary,var(--primary2,#8d7cff)) 18%,#161a2a),var(--b7r-bg,#090b12))}
@media(max-width:900px){.home-hero{height:clamp(380px,58vw,470px)}}
@media(max-width:700px){.home-hero{height:auto;min-height:400px;border-radius:18px}.hero-slide{align-items:flex-end;padding-bottom:0}.hero-content{width:88%;margin:0 6% 34px auto}.hero-content h1{font-size:clamp(24px,7vw,36px);margin:10px 0 8px}.hero-content p{font-size:13px;margin-bottom:15px}.hero-cta{padding:11px 18px;gap:12px}.hero-cta b{font-size:17px}.hero-arrow{width:36px;height:36px;font-size:23px}.hero-prev{left:10px}.hero-next{right:10px}.hero-dots{right:6%;bottom:14px}.hero-shade{background:linear-gradient(0deg,rgba(5,7,12,.95) 0%,rgba(5,7,12,.5) 55%,rgba(5,7,12,.12) 100%)}}
@media(max-width:420px){.home-hero{min-height:340px}.hero-content h1{font-size:clamp(21px,7.5vw,28px)}.hero-content{margin-bottom:26px}}

/* V30 Banner Admin */
.banner-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.premium-banner-admin{overflow:hidden;border-radius:20px;padding:0}.banner-preview{height:180px;position:relative;background:#111827}.banner-preview img{width:100%;height:100%;object-fit:cover;display:block}.banner-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 60%)}.banner-badge{position:absolute;z-index:2;top:12px;right:12px;background:#111c;color:#fff;border:1px solid #fff2;padding:6px 9px;border-radius:999px;font-size:10px}.banner-admin-body{padding:15px}.banner-admin-body h3{margin:0 0 10px}.banner-admin-body .actions{display:flex;gap:7px;align-items:center}.banner-admin-body form{display:inline-block}.dark .premium-banner-admin{background:#151b26}

/* V31 Fixed Admin Sidebar */
.admin-layout .container{width:100%;max-width:none;margin:0;padding:0}
.admin-fixed-side,.dash-side.admin-fixed-side{position:fixed!important;top:0;right:auto;left:0;width:250px;height:100vh;z-index:2000;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.admin-layout[dir="rtl"] .admin-fixed-side{left:auto;right:0}
.admin-fixed-side .side-link{display:flex;text-decoration:none}
.admin-fixed-side .side-link.active{background:linear-gradient(90deg,#6d5ce7,#806cf2)!important;color:#fff!important}
.admin-fixed-side .side-back{display:block}
.admin-layout .container>.admin-fixed-side + *{margin-left:250px}
.admin-layout[dir="rtl"] .container>.admin-fixed-side + *{margin-left:0;margin-right:250px}
.admin-layout .dash-shell{margin:0}
.admin-layout .dash-side{left:0;right:auto}
.admin-layout[dir="rtl"] .dash-side{right:0;left:auto}
.admin-layout .dash-main{margin-left:250px;margin-right:0}
.admin-layout[dir="rtl"] .dash-main{margin-left:0;margin-right:250px}
.admin-fixed-side::-webkit-scrollbar{width:5px}.admin-fixed-side::-webkit-scrollbar-thumb{background:#ffffff18;border-radius:10px}
@media(max-width:760px){
 .admin-fixed-side,.dash-side.admin-fixed-side{position:fixed!important;left:0!important;right:auto!important;top:0;width:235px;height:100vh;transform:translateX(-100%);transition:transform .25s ease}
 .admin-layout[dir="rtl"] .admin-fixed-side{left:auto!important;right:0!important;transform:translateX(100%)}
 .admin-layout .container>.admin-fixed-side + *{margin-left:0!important;margin-right:0!important}
 .admin-layout .dash-main{margin:0!important}
}

/* =========================================================
   Ba7r Store V35 — CLEAN ADMIN SHELL
   One fixed right sidebar + clean content area.
   ========================================================= */
html[dir="rtl"] body.admin-layout{background:#f6f8fc;color:#111827}
.admin-layout .navbar{display:none!important}
.admin-layout .container{width:100%!important;max-width:none!important;margin:0!important;padding:34px 34px 80px 34px!important;min-height:100vh}
.admin-layout .container>.admin-fixed-side{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:268px!important;height:100vh!important;z-index:3000!important;background:linear-gradient(180deg,var(--b7r-card,#111a2c),var(--b7r-bg,#0b1220))!important;padding:20px 15px!important;border-left:1px solid #1c2940!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;box-shadow:-10px 0 35px rgba(10,18,32,.08)}
.admin-fixed-side .side-brand{padding:5px 8px 22px!important;margin:0 0 12px!important;border-bottom:1px solid #243149!important;display:flex!important}
.admin-fixed-side .side-brand b{font-size:16px!important}
.admin-fixed-side .side-brand small{font-size:8px!important;color:#7f8da8!important}
.admin-fixed-side .side-section{font-size:10px!important;color:#70809d!important;padding:15px 10px 6px!important}
.admin-fixed-side .side-link{width:100%!important;min-height:44px!important;padding:10px 12px!important;margin:2px 0!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#aebbd0!important;font-size:13px!important}
.admin-fixed-side .side-link svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;flex:none!important}
.admin-fixed-side .side-link:hover{background:#ffffff0b!important;color:#fff!important}
.admin-fixed-side .side-link.active{background:linear-gradient(135deg,#7357e8,#6248df)!important;color:#fff!important;box-shadow:0 9px 22px rgba(115,87,232,.27)!important}
.admin-fixed-side .side-bottom{margin-top:auto;padding-top:15px}
.admin-fixed-side .side-back,.admin-fixed-side .side-logout{display:flex!important;align-items:center;justify-content:center;width:100%;padding:11px 12px;border-radius:11px;font-size:12px;margin-top:7px}
.admin-fixed-side .side-back{color:#a8b4c9!important;background:#141f32!important}
.admin-fixed-side .side-logout{color:#ffb1b1!important;background:#2a1820!important}
.admin-layout .container>.admin-fixed-side + .dash-main,
.admin-layout .container>.admin-fixed-side + h1,
.admin-layout .container>.admin-fixed-side + .admin-head,
.admin-layout .container>.admin-fixed-side + .card,
.admin-layout .container>.admin-fixed-side + .alert,
.admin-layout .container>.admin-fixed-side + .admin-card-grid,
.admin-layout .container>.admin-fixed-side + .catalog-toolbar,
.admin-layout .container>.admin-fixed-side + .form,
.admin-layout .container>.admin-fixed-side + *{margin-right:268px!important}
.admin-layout .container>.dash-main{margin-right:268px!important;padding:0!important;max-width:none!important}
.admin-layout .dash-main .dash-top{padding-top:0}
.admin-layout .dash-main .dash-stats{margin-top:4px}
.admin-layout .admin-head{max-width:1500px;margin:0 auto 24px!important}
.admin-layout .catalog-editor{max-width:1500px;margin:0 auto 28px!important}
.admin-layout .catalog-toolbar{max-width:1500px;margin:26px auto 14px!important}
.admin-layout .admin-card-grid{max-width:1500px;margin:0 auto!important}
.admin-layout .card.form{max-width:980px;margin:0 auto 28px!important}
.admin-layout .admin-card{min-width:0}
.admin-layout .premium-card .card-media{height:180px!important}
.admin-layout .premium-card .body{padding:18px!important}
.admin-layout .premium-card .card-actions{display:flex!important;align-items:center!important;gap:7px!important}
.admin-layout .premium-card .card-actions form{margin:0!important}
.admin-layout .premium-card .card-actions .btn{min-width:76px!important;text-align:center!important}
.admin-layout h1{font-size:32px;letter-spacing:-.5px}
.admin-layout .table-wrap{max-width:1500px;margin:0 auto}
.admin-layout .form{max-width:980px}
.admin-layout .form .input,.admin-layout .form select,.admin-layout .form textarea{font-size:13px}
.admin-layout .footer{margin-right:268px}
.admin-mobile-toggle{display:none}
.admin-side-overlay{display:none}
@media(max-width:900px){
 .admin-layout .container{padding:76px 16px 60px!important}
 .admin-layout .container>.admin-fixed-side{width:280px!important;transform:translateX(105%)!important;transition:transform .25s ease!important}
 .admin-layout.admin-menu-open .container>.admin-fixed-side{transform:translateX(0)!important}
 .admin-layout .container>.admin-fixed-side + *,
 .admin-layout .container>.admin-fixed-side + .dash-main,
 .admin-layout .container>.admin-fixed-side + h1,
 .admin-layout .container>.admin-fixed-side + .admin-head,
 .admin-layout .container>.admin-fixed-side + .card,
 .admin-layout .container>.admin-fixed-side + .alert,
 .admin-layout .container>.admin-fixed-side + .admin-card-grid,
 .admin-layout .container>.admin-fixed-side + .catalog-toolbar,
 .admin-layout .container>.admin-fixed-side + .form{margin-right:0!important}
 .admin-layout .container>.dash-main{margin-right:0!important}
 .admin-layout .footer{margin-right:0}
 .admin-mobile-toggle{display:grid;place-items:center;position:fixed;right:16px;top:16px;width:44px;height:44px;border:0;border-radius:12px;background:#7357e8;color:#fff;font-size:20px;z-index:3100;box-shadow:0 10px 24px #7357e844}
 .admin-layout.admin-menu-open .admin-side-overlay{display:block;position:fixed;inset:0;background:#02061799;z-index:2900}
 .admin-layout .dash-top{padding-top:0}
 .admin-layout .admin-head{display:flex}
 .admin-layout .form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .admin-layout .container{padding:72px 12px 50px!important}
 .admin-layout .admin-head{display:block!important}
 .admin-layout .admin-head h1{font-size:25px!important}
 .admin-layout .admin-summary{margin-top:14px}
 .admin-layout .form-grid{grid-template-columns:1fr!important}
 .admin-layout .catalog-editor{padding:16px!important}
 .admin-layout .admin-card-grid,.admin-layout .premium-cards{grid-template-columns:1fr!important}
 .admin-layout .premium-card .card-media{height:190px!important}
 .admin-layout .dash-stats{grid-template-columns:1fr 1fr!important}
 .admin-layout .dash-grid{grid-template-columns:1fr!important}
 .admin-layout .quick-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V36 — ADMIN LAYOUT HARD FIX
   Prevent legacy sidebar rules from overlapping page content.
   ========================================================= */
html[dir="rtl"] body.admin-layout{overflow-x:hidden!important}
html[dir="rtl"] body.admin-layout .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:34px 34px 80px 34px!important;
  padding-right:326px!important;
  min-height:100vh!important;
}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  bottom:0!important;
  width:292px!important;
  height:100vh!important;
  margin:0!important;
  padding:20px 15px!important;
  z-index:5000!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side + .admin-mobile-toggle,
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side + .admin-mobile-toggle + .admin-side-overlay{
  margin:0!important;
}
html[dir="rtl"] body.admin-layout .container>.dash-main{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
}
html[dir="rtl"] body.admin-layout .container>h1,
html[dir="rtl"] body.admin-layout .container>.alert,
html[dir="rtl"] body.admin-layout .container>.card,
html[dir="rtl"] body.admin-layout .container>.admin-head,
html[dir="rtl"] body.admin-layout .container>.admin-card-grid,
html[dir="rtl"] body.admin-layout .container>.catalog-toolbar,
html[dir="rtl"] body.admin-layout .container>.catalog-editor,
html[dir="rtl"] body.admin-layout .container>.form,
html[dir="rtl"] body.admin-layout .container>.table-wrap,
html[dir="rtl"] body.admin-layout .container>section,
html[dir="rtl"] body.admin-layout .container>.grid{
  margin-right:0!important;
  margin-left:0!important;
}
html[dir="rtl"] body.admin-layout .container>.table-wrap,
html[dir="rtl"] body.admin-layout .container>.card.table-wrap{
  width:100%!important;
  max-width:none!important;
}
html[dir="rtl"] body.admin-layout .footer{margin-right:0!important}
html[dir="rtl"] body.admin-layout .admin-fixed-side .side-link{flex:none!important}
html[dir="rtl"] body.admin-layout .admin-fixed-side .side-bottom{margin-top:auto!important}
@media(max-width:900px){
 html[dir="rtl"] body.admin-layout .container{
   padding:78px 14px 60px!important;
 }
 html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{
   width:292px!important;
   right:0!important;
   left:auto!important;
   transform:translateX(105%)!important;
 }
 html[dir="rtl"] body.admin-layout.admin-menu-open .container>.admin-fixed-side{transform:translateX(0)!important}
 html[dir="rtl"] body.admin-layout .container>.dash-main{margin:0!important}
}
@media(max-width:560px){
 html[dir="rtl"] body.admin-layout .container{padding:74px 10px 50px!important}
 html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{width:min(292px,88vw)!important}
}

/* V37 — SOLID SIDEBAR / NO CONTENT BLEED */
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{
  background:linear-gradient(180deg,var(--b7r-card,#111a2c),var(--b7r-bg,#0b1220)) !important;
  background-color:var(--b7r-bg,#0b1220) !important;
  opacity:1 !important;
  isolation:isolate !important;
  z-index:10000 !important;
  box-shadow:-18px 0 45px rgba(0,0,0,.28) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  contain:paint !important;
}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,var(--b7r-card,#111a2c),var(--b7r-bg,#0b1220)) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side *{
  position:relative;
  z-index:1;
}
html[dir="rtl"] body.admin-layout .admin-side-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(2,6,23,.72) !important;
  z-index:9990 !important;
  pointer-events:auto !important;
}
html[dir="rtl"] body.admin-layout:not(.admin-menu-open) .admin-side-overlay{
  display:none !important;
}
@media(max-width:900px){
  html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{
    width:min(292px,88vw) !important;
    right:0 !important;
    left:auto !important;
    top:0 !important;
    bottom:0 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    transform:translateX(105%) !important;
  }
  html[dir="rtl"] body.admin-layout.admin-menu-open .container>.admin-fixed-side{
    transform:translateX(0) !important;
  }
  html[dir="rtl"] body.admin-layout .container>*:not(.admin-fixed-side):not(.admin-mobile-toggle):not(.admin-side-overlay){
    position:relative;
    z-index:1;
  }
  html[dir="rtl"] body.admin-layout.admin-menu-open .container>*:not(.admin-fixed-side):not(.admin-mobile-toggle):not(.admin-side-overlay){
    z-index:1 !important;
  }
  html[dir="rtl"] body.admin-layout .admin-mobile-toggle{
    z-index:11000 !important;
  }
}

/* V9 wallet + premium profile */
.dash-top-action{display:flex;align-items:center;gap:7px;text-decoration:none;color:#626a79;background:#fff;border:1px solid #e7e9ef;padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 5px 16px #18203308}.dash-top-action:hover{color:#6d5ce7;border-color:#d9d3ff}.top-action-icon{font-size:16px;line-height:1}.wallet-top-action{color:#15803d;background:#f0fdf4;border-color:#d7f4df}.dash-profile-chip{display:flex;align-items:center;gap:8px;text-decoration:none;background:#fff;border:1px solid #e7e9ef;border-radius:14px;padding:5px 9px 5px 7px;box-shadow:0 5px 16px #18203308}.profile-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7357e8,#9a84ff);color:#fff;font-weight:900}.profile-meta b{display:block;color:#202532;font-size:11px}.profile-meta small{display:block;color:#9aa1af;font-size:9px;margin-top:2px}.quick-wallet{background:linear-gradient(135deg,#fff,#fafaff);border:1px solid #e7e9f1;border-radius:18px;padding:18px;margin-top:20px;box-shadow:0 7px 24px #18203308}.quick-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.quick-wallet-head h2{margin:0;font-size:17px}.quick-wallet-head p{margin:4px 0 0;color:#9299a7;font-size:11px}.quick-wallet-head a{font-size:11px;color:#6d5ce7;font-weight:800;text-decoration:none}.quick-wallet-form{display:grid;grid-template-columns:1.3fr .8fr 1.2fr auto;gap:10px}.quick-wallet-form select,.quick-wallet-form input{border:1px solid #e2e5ec;border-radius:11px;padding:11px 12px;font-family:inherit;font-size:11px;background:#fff;outline:none}.quick-wallet-form select:focus,.quick-wallet-form input:focus{border-color:#8b7cf0;box-shadow:0 0 0 3px #7357e812}.quick-wallet-form button{border:0;border-radius:11px;padding:11px 17px;background:linear-gradient(135deg,#7357e8,#6248df);color:#fff;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}.wallet-alert{border-radius:10px;padding:9px 12px;font-size:11px;margin-bottom:10px}.wallet-alert.success{background:#ecfdf3;color:#15803d}.wallet-alert.error{background:#fff1f2;color:#be123c}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:linear-gradient(135deg,#111827,#1d2540);color:#fff;border-radius:24px;padding:28px;margin-bottom:18px;box-shadow:0 18px 45px #11182720}.profile-hero-avatar{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#a78bfa);font-size:34px;font-weight:900;box-shadow:0 14px 30px #7c5cff40}.profile-kicker{font-size:9px;letter-spacing:1.8px;color:#aeb8cf}.profile-hero-info h1{margin:5px 0 3px;font-size:28px}.profile-hero-info p{margin:0;color:#b9c2d4;font-size:12px}.profile-badges{display:flex;gap:8px;margin-top:11px}.profile-badges span{font-size:9px;padding:5px 9px;border-radius:999px;background:#ffffff12;color:#d7dcec}.profile-balance{text-align:left;min-width:170px}.profile-balance small{display:block;color:#aeb8cf;font-size:10px}.profile-balance strong{display:block;font-size:25px;margin:5px 0 10px}.profile-balance a{display:inline-block;color:#fff;text-decoration:none;background:#7357e8;padding:8px 12px;border-radius:10px;font-size:10px;font-weight:800}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.profile-stat{background:#fff;border:1px solid #e7e9ef;border-radius:17px;padding:17px;box-shadow:0 7px 24px #18203308}.profile-stat span{display:block;color:#8b93a2;font-size:10px}.profile-stat b{display:block;color:#171b25;font-size:20px;margin-top:6px}.profile-stat small{display:block;color:#a0a6b2;font-size:9px;margin-top:4px}.profile-actions-card{background:#fff;border:1px solid #e7e9ef;border-radius:18px;padding:20px;box-shadow:0 7px 24px #18203308}.profile-actions-card h2{margin:0;font-size:17px}.profile-actions-card p{margin:4px 0 15px;color:#9299a7;font-size:11px}.profile-actions{display:flex;flex-wrap:wrap;gap:9px}.profile-action{display:inline-flex;align-items:center;text-decoration:none;color:#424a5a;background:#f7f8fb;border:1px solid #e6e8ee;border-radius:11px;padding:10px 13px;font-size:10px;font-weight:800}.profile-action:hover{color:#6d5ce7;border-color:#d9d3ff}.profile-action.danger{color:#be123c;background:#fff1f2;border-color:#ffe0e5}
@media(max-width:900px){.quick-wallet-form{grid-template-columns:1fr 1fr}.profile-hero{grid-template-columns:auto 1fr}.profile-balance{grid-column:1/-1;text-align:right}.profile-stats{grid-template-columns:1fr 1fr}.dash-top-action span:not(.top-action-icon){display:none}.profile-meta{display:none}}
@media(max-width:560px){.quick-wallet-form{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-hero-avatar{margin:auto}.profile-balance{text-align:center}.profile-badges{justify-content:center}.profile-stats{grid-template-columns:1fr 1fr}}
.dark .quick-wallet,.dark .profile-actions-card,.dark .profile-stat,.dark .dash-top-action,.dark .dash-profile-chip{background:#151b26;border-color:#252c38}.dark .profile-meta b,.dark .profile-stat b{color:#f5f7fb}.dark .quick-wallet-form select,.dark .quick-wallet-form input{background:#101620;color:#e8edf6;border-color:#2b3443}.dark .profile-action{background:#101620;color:#d7deea;border-color:#2b3443}

/* Quick wallet inside dashboard shortcuts row */
.quick-wallet-card{display:block;cursor:default;min-height:220px;padding:18px!important;background:linear-gradient(135deg,#f8f6ff,#fff)!important;border-color:#ddd6fe!important;}
.quick-wallet-card:hover{transform:none!important;box-shadow:0 7px 24px #18203308!important;}
.quick-wallet-card .quick-wallet-card-head{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
.quick-wallet-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7357e8,#6248df);color:#fff;flex:0 0 auto;}
.quick-wallet-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.quick-wallet-card .quick-wallet-card-head b{display:block;font-size:13px;color:#202532;}
.quick-wallet-card .quick-wallet-card-head span{display:block;font-size:9px;color:#9299a7;margin-top:4px;}
.quick-wallet-mini-form{display:grid;gap:8px;}
.quick-wallet-mini-form select,.quick-wallet-mini-form input{width:100%;box-sizing:border-box;border:1px solid #e2e5ec;border-radius:10px;padding:9px 10px;font-family:inherit;font-size:10px;background:#fff;outline:none;color:#333;}
.quick-wallet-mini-form select:focus,.quick-wallet-mini-form input:focus{border-color:#8b7cf0;box-shadow:0 0 0 3px #7357e812;}
.quick-wallet-mini-row{display:grid;grid-template-columns:1fr auto;gap:7px;}
.quick-wallet-mini-row button{border:0;border-radius:10px;padding:9px 12px;background:linear-gradient(135deg,#7357e8,#6248df);color:#fff;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap;}
.quick-wallet-mini-row button:hover{filter:brightness(1.05);}
.quick-wallet-card .wallet-alert{margin:0 0 8px;padding:7px 9px;font-size:9px;}
@media(max-width:900px){.quick-wallet-card{grid-column:1/-1;}.quick-wallet-mini-form{max-width:600px;}}
.dark .quick-wallet-card{background:linear-gradient(135deg,#17152a,#151b26)!important;border-color:#342d61!important;}
.dark .quick-wallet-card .quick-wallet-card-head b{color:#f5f7fb;}
.dark .quick-wallet-mini-form select,.dark .quick-wallet-mini-form input{background:#101620;color:#e8edf6;border-color:#2b3443;}

/* Customer header settings button */
.header-actions{display:flex;align-items:center;gap:8px}
.store-settings-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.store-settings-btn:hover{transform:translateY(-1px);text-decoration:none}

/* V47: Customer settings hub */
.store-header-actions{display:flex;align-items:center;gap:8px}
.store-main-nav{display:flex;align-items:center;gap:18px}
.settings-menu{position:relative}
.settings-menu-btn{font-size:20px;line-height:1}
.settings-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--card,#fff);border:1px solid var(--border,#e7eaf0);border-radius:18px;box-shadow:0 18px 45px rgba(20,30,55,.16);padding:10px;z-index:9999;display:none}
.settings-dropdown.open{display:block}
.settings-dropdown-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border,#e7eaf0);margin-bottom:6px}
.settings-dropdown-head strong{display:block;font-size:14px}
.settings-dropdown-head small{display:block;color:#8b93a3;font-size:11px;margin-top:3px}
.settings-avatar{width:42px;height:42px;border-radius:14px;background:var(--primary,#6c5ce7);color:#fff;display:grid;place-items:center;font-weight:800}
.settings-dropdown-links{display:grid;gap:3px}
.settings-dropdown-links a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;text-decoration:none;color:inherit;font-size:13px}
.settings-dropdown-links a:hover{background:rgba(108,92,231,.09);text-decoration:none}
.settings-dropdown-links a span{width:22px;text-align:center}
.settings-dropdown-footer{border-top:1px solid var(--border,#e7eaf0);margin-top:6px;padding-top:6px}
.settings-logout{display:block;padding:10px 12px;color:#dc3545;text-decoration:none;border-radius:10px;font-size:13px}
.settings-logout:hover{background:rgba(220,53,69,.08)}
.settings-admin-link{font-weight:700}
@media(max-width:700px){
 .store-main-nav{display:none}
 .settings-dropdown{position:fixed;top:68px;right:12px;left:12px;width:auto}
}

/* V48 clean customer header */
.navbar{position:relative;display:flex;align-items:center;justify-content:space-between}
.store-header-actions{display:flex;align-items:center;gap:8px}
.settings-menu{position:relative}
.settings-dropdown{z-index:10000}

/* V49: wallet next to settings in customer header */
.wallet-top-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wallet-top-btn:hover{text-decoration:none;transform:translateY(-1px)}

/* =========================================================
   V52 — BA7R PREMIUM ADMIN UI
   Visual-only overhaul. Existing PHP logic and routes are untouched.
   ========================================================= */
:root{
  --admin-bg:var(--b7r-bg,#f3f5fb);
  --admin-surface:var(--b7r-surface,#101424);
  --admin-surface-2:var(--b7r-surface,#151b2e);
  --admin-line:var(--b7r-border,#e6e9f2);
  --admin-ink:var(--b7r-text,#111827);
  --admin-muted:var(--b7r-muted,#7b8496);
  --admin-purple:var(--b7r-primary,#6d55e8);
  --admin-purple-2:var(--b7r-secondary,#8a74ff);
  --admin-navy:var(--b7r-card,#0b1220);
}

/* ---------- Global form readability fix ---------- */
.admin-layout label{display:block;color:var(--b7r-text,#e8ecf7);font-size:13px;font-weight:800;line-height:1.6;margin:0 0 4px}
.admin-layout .input,
.admin-layout input.input,
.admin-layout select.input,
.admin-layout textarea.input,
.admin-layout select,
.admin-layout textarea,
.admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]){
  color:var(--b7r-text,#e8ecf7)!important;
  -webkit-text-fill-color:var(--b7r-text,#e8ecf7)!important;
  background:var(--b7r-surface,#101424)!important;
  border:1px solid var(--b7r-border,#334155)!important;
  box-shadow:0 2px 8px rgba(20,29,55,.025)!important;
  font-family:Tahoma,Arial,sans-serif!important;
}
.admin-layout .input::placeholder,
.admin-layout input::placeholder,
.admin-layout textarea::placeholder{color:var(--b7r-muted,#9aa7bd)!important;-webkit-text-fill-color:var(--b7r-muted,#9aa7bd)!important;opacity:1!important}
.admin-layout select option{color:var(--b7r-text,#e8ecf7)!important;background:var(--b7r-surface,#101424)!important}
.admin-layout .input:focus,
.admin-layout select:focus,
.admin-layout textarea:focus,
.admin-layout input:focus{border-color:var(--b7r-primary,#8b78f0)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--b7r-primary,#8b78f0) 18%,transparent)!important;outline:none!important}
.admin-layout .file-input{padding:10px!important}
.admin-layout .form-grid{align-items:start}
.admin-layout .form-grid>label{min-width:0}

/* ---------- Premium shell ---------- */
html[dir="rtl"] body.admin-layout{background:var(--admin-bg)!important;color:var(--admin-ink)!important}
html[dir="rtl"] body.admin-layout .container{
  background:
    radial-gradient(circle at 78% 0%,rgba(125,101,244,.08),transparent 27%),
    var(--admin-bg)!important;
  padding:34px 34px 70px 34px!important;
  padding-right:326px!important;
}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{
  width:292px!important;
  padding:22px 16px 16px!important;
  background:linear-gradient(180deg,var(--b7r-card,#0a1221) 0%,var(--b7r-bg,#0d1729) 100%)!important;
  border:0!important;
  box-shadow:-24px 0 60px rgba(15,23,42,.18)!important;
}
.admin-fixed-side .side-brand{
  padding:2px 9px 22px!important;
  margin-bottom:10px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.admin-fixed-side .side-brand .brand-mark{
  width:42px!important;height:42px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#745cf0,#9c86ff)!important;
  box-shadow:0 12px 28px rgba(116,92,240,.32)!important;
  color:#fff!important;font-size:19px!important;font-weight:900!important;
}
.admin-fixed-side .side-brand b{color:#fff!important;font-size:16px!important;letter-spacing:-.2px}
.admin-fixed-side .side-brand small{color:#7787a4!important;letter-spacing:1.5px!important}
.admin-fixed-side .side-section{
  color:#71819e!important;font-size:10px!important;font-weight:800!important;
  padding:17px 10px 7px!important;letter-spacing:.2px!important;
}
.admin-fixed-side .side-link{
  min-height:46px!important;padding:10px 13px!important;margin:3px 0!important;
  border-radius:13px!important;color:#aab7cc!important;font-size:13px!important;
  transition:background .18s ease,transform .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.admin-fixed-side .side-link svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
.admin-fixed-side .side-link:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(-2px)!important}
.admin-fixed-side .side-link.active{
  background:linear-gradient(135deg,#755cf0 0%,#6448df 100%)!important;
  box-shadow:0 12px 26px rgba(103,78,225,.28)!important;color:#fff!important;
}
.admin-fixed-side .side-bottom{padding-top:14px!important}
.admin-fixed-side .side-back,.admin-fixed-side .side-logout{border-radius:12px!important}
.admin-fixed-side .side-back{background:rgba(255,255,255,.055)!important;color:#aebbd0!important}
.admin-fixed-side .side-logout{background:rgba(239,68,68,.08)!important;color:#ffb7b7!important}

/* ---------- Page typography ---------- */
.admin-layout h1{font-size:34px!important;line-height:1.15!important;letter-spacing:-.8px!important;color:#111827!important;margin:0 0 7px!important}
.admin-layout h2{color:#172033!important;letter-spacing:-.3px}
.admin-layout p.muted,.admin-layout .admin-head p,.admin-layout .admin-page-head p{color:#7d8799!important}
.admin-page-wrap,.admin-layout .admin-head,.admin-layout .catalog-editor,.admin-layout .catalog-toolbar,.admin-layout .admin-card-grid,.admin-layout .table-wrap,.admin-layout .dash-main{max-width:100%!important}

/* ---------- Dashboard ---------- */
.admin-layout .dash-top{
  display:flex!important;justify-content:space-between!important;align-items:flex-end!important;
  gap:24px!important;padding:8px 2px 22px!important;
}
.dash-top .crumb{font-size:11px!important;color:#8993a5!important;font-weight:700!important;margin-bottom:7px}
.dash-top .crumb span{padding:0 5px;color:#c1c7d2}
.dash-top h1{font-size:34px!important}
.dash-top p{margin:0!important;color:#7d8799!important;font-size:13px!important}
.top-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.online-dot{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;border-radius:999px!important;background:#ecfdf5!important;color:#16845a!important;border:1px solid #d5f4e5!important;font-size:10px!important;font-weight:900!important}
.online-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1a}
.dash-top-action{background:#fff!important;border:1px solid #e2e6ef!important;color:#485268!important;box-shadow:0 5px 18px rgba(22,32,58,.045)!important;border-radius:12px!important;padding:9px 12px!important}
.dash-top-action:hover{border-color:#cfc8ff!important;color:#654be0!important;background:#fcfbff!important}
.dash-profile-chip{background:#fff!important;border:1px solid #e2e6ef!important;box-shadow:0 5px 18px rgba(22,32,58,.045)!important}
.dash-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 18px!important}
.dash-stat{
  position:relative!important;overflow:hidden!important;min-height:145px!important;
  background:#fff!important;border:1px solid #e5e8f0!important;border-radius:20px!important;
  padding:20px!important;box-shadow:0 12px 30px rgba(26,35,58,.055)!important;
}
.dash-stat:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-35px;bottom:-52px;background:rgba(109,85,232,.055)}
.dash-stat .stat-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;margin-bottom:14px!important}
.dash-stat .stat-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.dash-stat.purple .stat-icon{background:#f0edff!important;color:#7056e9!important}
.dash-stat.blue .stat-icon{background:#eaf4ff!important;color:#3b82f6!important}
.dash-stat.green .stat-icon{background:#eafbf2!important;color:#16a36a!important}
.dash-stat.orange .stat-icon{background:#fff5e7!important;color:#ed9b2e!important}
.dash-stat>span{display:block!important;color:#7f899a!important;font-size:11px!important;font-weight:800!important}
.dash-stat strong{display:block!important;font-size:26px!important;letter-spacing:-.7px!important;color:#111827!important;margin-top:5px!important}
.dash-stat small{display:block!important;color:#a0a8b7!important;font-size:9px!important;margin-top:5px!important}
.dash-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr)!important;gap:16px!important}
.dash-panel{background:#fff!important;border:1px solid #e5e8f0!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(26,35,58,.045)!important;padding:20px!important}
.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important}
.panel-head h2{font-size:17px!important;margin:0 0 4px!important}
.panel-head p{font-size:10px!important;color:#9099a8!important;margin:0!important}
.panel-head>a{color:#6d55e8!important;font-size:10px!important;font-weight:900!important}
.recent-list{display:grid!important;gap:5px!important}
.recent-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto auto!important;align-items:center!important;gap:11px!important;padding:11px 7px!important;border-bottom:1px solid #f0f2f6!important}
.recent-row:last-child{border-bottom:0!important}
.order-avatar{width:34px!important;height:34px!important;border-radius:11px!important;background:#f1efff!important;color:#6d55e8!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:11px!important}
.order-info b{display:block!important;font-size:11px!important;color:#20283a!important}
.order-info span{display:block!important;font-size:9px!important;color:#929bab!important;margin-top:3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.order-price{font-size:11px!important;font-weight:900!important;color:#20283a!important}
.order-status{padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important}
.st-completed{background:#ecfdf3!important;color:#15803d!important}.st-pending{background:#fff7ed!important;color:#c2410c!important}.st-processing{background:#eff6ff!important;color:#2563eb!important}.st-rejected,.st-cancelled{background:#fff1f2!important;color:#be123c!important}
.overview-item{display:grid!important;grid-template-columns:1fr auto 32px!important;align-items:center!important;gap:10px!important;padding:13px 2px!important;border-bottom:1px solid #f0f2f6!important}
.overview-item:last-child{border-bottom:0!important}
.overview-item span{font-size:10px!important;color:#7f899a!important}.overview-item b{font-size:15px!important;color:#20283a!important}.overview-item i{width:30px!important;height:30px!important;border-radius:9px!important;background:#f5f3ff!important;color:#7056e9!important;display:grid!important;place-items:center!important;font-style:normal!important}.overview-item i svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.quick-head{display:flex!important;align-items:end!important;justify-content:space-between!important;margin:26px 2px 12px!important}.quick-head h2{font-size:18px!important;margin:0 0 4px!important}.quick-head p{font-size:10px!important;color:#8d96a6!important;margin:0!important}
.quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.quick-card{min-height:105px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:17px!important;background:#fff!important;border:1px solid #e5e8f0!important;border-radius:18px!important;box-shadow:0 10px 25px rgba(26,35,58,.045)!important;transition:.18s ease!important}
.quick-card:hover{transform:translateY(-3px)!important;border-color:#d7d0ff!important;box-shadow:0 15px 30px rgba(26,35,58,.08)!important}
.quick-card>svg{width:42px!important;height:42px!important;padding:11px!important;border-radius:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.quick-card b{display:block!important;font-size:12px!important;color:#20283a!important}.quick-card span{display:block!important;font-size:9px!important;color:#9099a8!important;margin-top:4px!important}.quick-card strong{color:#a1a9b8!important;font-size:15px!important}
.q-purple>svg{background:#f0edff!important;color:#6d55e8!important}.q-blue>svg{background:#eaf4ff!important;color:#3b82f6!important}.q-orange>svg{background:#fff5e7!important;color:#ed9b2e!important}.q-green>svg{background:#eafbf2!important;color:#16a36a!important}.q-red>svg{background:#fff0f2!important;color:#e14b65!important}.q-gray>svg{background:#f1f3f7!important;color:#687286!important}

/* ---------- Catalog / forms ---------- */
.admin-layout .admin-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;margin:0 0 20px!important;padding:7px 2px!important}
.admin-layout .eyebrow{background:#eeeaff!important;border-color:#ddd6ff!important;color:#6d55e8!important;font-size:9px!important;letter-spacing:1.6px!important}
.admin-layout .admin-summary{border:1px solid #e3e7ef!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(26,35,58,.04)!important;background:#fff!important}
.admin-layout .admin-summary div{padding:12px 18px!important}.admin-layout .admin-summary b{font-size:21px!important;color:#172033!important}.admin-layout .admin-summary span{font-size:9px!important;color:#8e97a7!important}
.catalog-editor{background:#fff!important;border:1px solid #e4e8f0!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(26,35,58,.05)!important;padding:24px!important}
.editor-icon{background:#f0edff!important;color:#6d55e8!important}.editor-title h2{color:#172033!important}.editor-title p{color:#8c95a5!important}
.clean-form label{color:#394256!important;font-size:11px!important;font-weight:900!important}
.admin-layout .btn{border-radius:11px!important;font-weight:900!important;padding:10px 15px!important;box-shadow:0 8px 18px rgba(109,85,232,.16)!important}
.admin-layout .btn.secondary{background:#eef1f6!important;color:#445067!important;box-shadow:none!important}
.admin-layout .btn.danger{box-shadow:0 8px 18px rgba(220,53,69,.12)!important}
.admin-layout .admin-card{border:1px solid #e4e8f0!important;box-shadow:0 12px 30px rgba(26,35,58,.05)!important}
.admin-layout .premium-card .card-media{height:190px!important}
.admin-layout .premium-card .body{background:#fff!important}
.admin-layout .premium-card .body h3{color:#182033!important}.admin-layout .premium-card .body p{color:#7e8798!important}

/* ---------- Tables ---------- */
.admin-layout .table-wrap{background:#fff!important;border:1px solid #e4e8f0!important;border-radius:20px!important;padding:5px!important;box-shadow:0 12px 30px rgba(26,35,58,.05)!important}
.admin-layout .table{border-collapse:separate!important;border-spacing:0!important}
.admin-layout .table th{background:#f8f9fc!important;color:#6d7688!important;font-size:10px!important;font-weight:900!important;border-bottom:1px solid #e7eaf1!important}
.admin-layout .table td{color:#283145!important;font-size:11px!important;border-bottom:1px solid #f0f2f6!important}
.admin-layout .table tr:last-child td{border-bottom:0!important}
.admin-layout .table tr:hover td{background:#fbfbfe!important}

/* ---------- Add balance / wallet pages ---------- */
.admin-page-wrap{max-width:100%!important}
.admin-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:7px 0 20px!important}
.admin-page-kicker{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;background:#eeeaff!important;color:#6d55e8!important;font-size:9px!important;font-weight:900!important;letter-spacing:1px!important;margin-bottom:9px!important}
.admin-page-head h1{margin:0!important}.admin-page-head p{margin:5px 0 0!important;color:#858fa0!important;font-size:12px!important}
.admin-layout .admin-page-wrap>.dash-panel{border-radius:22px!important;padding:0!important;overflow:hidden!important}
.admin-page-wrap .dash-panel .panel-head{padding:20px 22px!important;margin:0!important;border-bottom:1px solid #edf0f5!important;background:linear-gradient(180deg,#fff,#fcfcfe)!important}
.admin-page-wrap .dash-panel form{padding:22px!important}
.admin-page-wrap .quick-wallet-mini-form{display:grid!important;gap:7px!important}
.admin-page-wrap .quick-wallet-mini-form label{color:#3b4559!important;font-size:11px!important;margin-top:4px!important}
.admin-page-wrap .quick-wallet-mini-form button{border:0!important;border-radius:12px!important;padding:12px 18px!important;background:linear-gradient(135deg,#7357e8,#6147df)!important;color:#fff!important;font-family:inherit!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(103,78,225,.22)!important;margin-top:5px!important}
.wallet-alert{border:1px solid transparent!important;box-shadow:none!important}.wallet-alert.success{border-color:#ccefdc!important;background:#effcf4!important}.wallet-alert.error{border-color:#ffd5db!important;background:#fff4f5!important}

/* ---------- Dark mode remains premium/readable ---------- */
.dark html[dir="rtl"] body.admin-layout,.dark body.admin-layout{background:#080d17!important;color:#edf2fb!important}
.dark .admin-layout .container{background:radial-gradient(circle at 75% 0%,rgba(125,101,244,.12),transparent 28%),#080d17!important}
.dark .admin-layout h1,.dark .admin-layout h2,.dark .admin-layout .dash-stat strong,.dark .admin-layout .table td,.dark .admin-layout .quick-card b{color:#f1f5fb!important}
.dark .admin-layout .dash-stat,.dark .admin-layout .dash-panel,.dark .admin-layout .quick-card,.dark .admin-layout .catalog-editor,.dark .admin-layout .admin-card,.dark .admin-layout .table-wrap,.dark .admin-layout .admin-summary,.dark .admin-page-wrap .dash-panel{background:#111827!important;border-color:#263143!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important}
.dark .admin-layout .admin-page-wrap .dash-panel .panel-head{background:#121a29!important;border-color:#263143!important}
.dark .admin-layout label{color:#cbd5e1!important}
.dark .admin-layout .input,.dark .admin-layout select,.dark .admin-layout textarea,.dark .admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]){background:#0d1522!important;color:#edf2fb!important;-webkit-text-fill-color:#edf2fb!important;border-color:#2b394d!important}
.dark .admin-layout .input::placeholder,.dark .admin-layout input::placeholder,.dark .admin-layout textarea::placeholder{color:#718096!important;-webkit-text-fill-color:#718096!important}
.dark .admin-layout select option{background:#0d1522!important;color:#edf2fb!important}
.dark .admin-layout .table th{background:#0d1522!important;color:#9aa7ba!important;border-color:#263143!important}.dark .admin-layout .table td{border-color:#1e2938!important}.dark .admin-layout .table tr:hover td{background:#151f2e!important}
.dark .admin-layout .premium-card .body{background:#111827!important}.dark .admin-layout .premium-card .body h3{color:#f1f5fb!important}.dark .admin-layout .premium-card .body p{color:#9aa7ba!important}
.dark .dash-top-action,.dark .dash-profile-chip{background:#111827!important;border-color:#263143!important;color:#cbd5e1!important}.dark .online-dot{background:#0e2a20!important;border-color:#194d38!important;color:#6ee7b7!important}
.dark .overview-item,.dark .recent-row{border-color:#1e2938!important}.dark .order-info b,.dark .order-price,.dark .overview-item b{color:#edf2fb!important}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-grid{grid-template-columns:1fr!important}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  html[dir="rtl"] body.admin-layout .container{padding:78px 16px 60px!important}
  .admin-layout .dash-top{align-items:flex-start!important;display:block!important}
  .top-actions{justify-content:flex-start!important;margin-top:14px!important}
  .admin-page-head{display:block!important}
  .admin-page-head .dash-top-action{margin-top:13px!important}
  .admin-layout .admin-head{display:block!important}
  .admin-layout .admin-summary{margin-top:14px!important;width:max-content;max-width:100%!important}
}
@media(max-width:620px){
  .dash-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .dash-stat{min-height:125px!important;padding:15px!important}.dash-stat strong{font-size:21px!important}
  .quick-grid{grid-template-columns:1fr!important}
  .recent-row{grid-template-columns:34px minmax(0,1fr) auto!important}.order-status{grid-column:2/-1;width:max-content}.order-price{grid-column:3}
  .admin-layout h1,.dash-top h1{font-size:27px!important}
}
@media(max-width:430px){
  .dash-stats{grid-template-columns:1fr!important}
  .top-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.online-dot{grid-column:1/-1;justify-content:center}
}
/* Wallet deposits */
.wallet-page{max-width:1050px;margin:0 auto}.wallet-balance{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:25px}.wallet-balance strong{display:block;font-size:34px;margin-top:7px;color:var(--primary)}.wallet-icon{font-size:40px}.deposit-card{margin-bottom:20px}.deposit-card .section-title{align-items:flex-start}.deposit-card .section-title h2{margin:0}.deposit-card .section-title p{max-width:700px;line-height:1.8}.deposit-badge{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.deposit-form{max-width:760px}.deposit-form label{display:block;font-size:13px;font-weight:800}.deposit-instructions{background:var(--bg);border:1px dashed var(--border);border-radius:12px;padding:12px;margin:-5px 0 10px;line-height:1.8}.badge.pending{background:#fff7ed;color:#c2410c}.badge.approved{background:#dcfce7;color:#166534}.badge.rejected{background:#fee2e2;color:#991b1b}.dash-deposit-alert{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:16px;padding:14px 17px;margin:0 0 18px;box-shadow:0 8px 25px rgba(180,83,9,.08)}.dash-deposit-alert b{display:block;color:#9a3412;font-size:13px}.dash-deposit-alert span{display:block;color:#a16207;font-size:11px;margin-top:4px}.dash-deposit-alert a{background:#f59e0b;color:#fff;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:900;white-space:nowrap}.dark .deposit-badge{background:#2b1b0d;border-color:#5b3515}.dark .dash-deposit-alert{background:#21170c;border-color:#5b3515}.dark .dash-deposit-alert b{color:#fdba74}.dark .dash-deposit-alert span{color:#fbbf24}@media(max-width:700px){.dash-deposit-alert{display:block}.dash-deposit-alert a{display:inline-block;margin-top:10px}.wallet-balance{padding:18px}.wallet-balance strong{font-size:27px}}

/* V55 — Media banners + explanatory admin navigation */
.hero-slide .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 6s ease}
.hero-slide.is-active .hero-media{transform:scale(1.08)}
.hero-slide video.hero-media{background:var(--b7r-bg,#090b13)}
.media-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.6}
.editor-help{padding:12px 14px;border:1px solid var(--border);background:#f7f7fb;border-radius:12px;margin-bottom:14px;color:var(--muted);font-size:12px}
.dark .editor-help{background:#101521}
.banner-preview video{width:100%;height:180px;object-fit:cover;border-radius:13px;background:#080b12}
.media-type-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0edff;color:#5d49d8;font-size:11px;font-weight:800;margin-bottom:8px}
.dark .media-type-pill{background:#211b42;color:#b7aaff}
.admin-fixed-side .side-link{align-items:flex-start!important}
.admin-fixed-side .side-link-copy{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.2}
.admin-fixed-side .side-link-copy b{font-weight:700;white-space:nowrap}
.admin-fixed-side .side-link-copy small{font-size:9px;color:#73819a;line-height:1.35;white-space:normal}
.admin-fixed-side .side-link.active .side-link-copy small{color:#ddd8ff}
.quick-emoji{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#ffffff12;font-size:18px;flex:none}
@media(max-width:700px){.media-fields{grid-template-columns:1fr}.admin-fixed-side .side-link-copy small{display:none}}

/* =========================================================
 * V71 — Fonts, icon system, settings menu, language switch
 * ========================================================= */

/* Real web fonts instead of relying only on system fonts.
   Cairo looks great for Arabic; Inter looks great for Latin/English.
   Falls back to the previous system stack if the font ever fails to load. */
:root{
  --font-ar:'Cairo',Tahoma,Arial,sans-serif;
  --font-en:'Inter',Arial,Helvetica,sans-serif;
}
body.lang-ar{font-family:var(--font-ar)}
body.lang-en{font-family:var(--font-en)}
body.lang-ar .btn,body.lang-ar input,body.lang-ar select,body.lang-ar textarea,body.lang-ar .table{font-family:var(--font-ar)}
body.lang-en .btn,body.lang-en input,body.lang-en select,body.lang-en textarea,body.lang-en .table{font-family:var(--font-en)}
.admin-page-wrap,.dash-shell,.dash-side,.dash-main{font-family:inherit}

/* Icon buttons: consistent circular design, crisp SVG (no more missing/blank glyphs) */
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border-radius:12px;
  border:1px solid var(--border);background:var(--card);color:var(--text);
  cursor:pointer;transition:.18s;
}
.icon-btn svg{width:19px;height:19px;flex:none}
.icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 8px 18px rgba(108,92,231,.28)}
.wallet-top-btn:hover{background:#16a34a;border-color:#16a34a}

/* Settings button + dropdown: nicer, clearer active/hover states */
.settings-menu-btn{position:relative}
.settings-menu-btn.settings-menu-btn{font-size:0}
.settings-dropdown{padding:8px}
.settings-dropdown-head{padding:12px 10px}
.settings-avatar{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--primary,#6c5ce7),var(--primary2,#9a84ff));
  color:#fff;font-weight:900;font-size:15px;
}
.settings-dropdown-links a{transition:.15s}
.settings-dropdown-links a .menu-ic{
  width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;background:rgba(108,92,231,.10);color:var(--primary,#6c5ce7);flex:none;
}
.settings-dropdown-links a .menu-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-dropdown-links a:hover .menu-ic{background:var(--primary,#6c5ce7);color:#fff}
.settings-admin-link{color:var(--primary,#6c5ce7);font-weight:800}
.settings-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;color:#be123c;font-size:13px;font-weight:700}
.settings-logout:hover{background:#fee2e2}
.settings-logout .menu-ic{background:#fee2e2;color:#be123c}

/* Language switch pill (AR / EN) */
.lang-switch{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;overflow:hidden;height:40px}
.lang-opt{display:flex;align-items:center;justify-content:center;min-width:38px;height:100%;padding:0 10px;font-size:12px;font-weight:800;color:var(--muted);text-decoration:none;transition:.15s}
.lang-opt:hover{color:var(--text);background:rgba(108,92,231,.08)}
.lang-opt.active{background:var(--primary,#6c5ce7);color:#fff}

/* ---------------------------------------------------------
 * LTR layout (English) — mirror the shared chrome correctly.
 * The admin dashboard's fixed sidebar stays right-to-left by
 * design in both languages; everything else below flips.
 * --------------------------------------------------------- */
html[dir="ltr"] .brand{margin-left:0;margin-right:auto}
html[dir="ltr"] .navbar{direction:ltr}
html[dir="ltr"] .settings-dropdown{right:auto;left:0}
html[dir="ltr"] .table th,html[dir="ltr"] .table td{text-align:left}
html[dir="ltr"] .whatsapp{left:auto;right:18px}
html[dir="ltr"] .side-link em{margin-right:0;margin-left:auto}
@media(max-width:700px){
  html[dir="ltr"] .brand{margin-right:0;margin-left:auto}
  html[dir="ltr"] .settings-dropdown{right:12px;left:12px}
}


/* =========================================================
   V71 — Theme Engine / Light Mode / Typography Fix
   Theme variables are authoritative over legacy white cards.
   ========================================================= */

/* Typography */
html, body, button, input, select, textarea, table {
  font-family: Cairo, Inter, Tahoma, Arial, sans-serif !important;
}
body { color: var(--b7r-text, #e8ecf7) !important; }

/* Theme-aware admin surfaces */
.admin-layout,
html[dir="rtl"] body.admin-layout,
.admin-layout .container {
  background: var(--b7r-bg, #070912) !important;
  color: var(--b7r-text, #e8ecf7) !important;
}

.admin-layout .dash-stat,
.admin-layout .dash-panel,
.admin-layout .quick-card,
.admin-layout .catalog-editor,
.admin-layout .admin-card,
.admin-layout .table-wrap,
.admin-layout .admin-summary,
.admin-layout .profile-stat,
.admin-layout .profile-actions-card,
.admin-layout .quick-wallet,
.admin-layout .dash-top-action,
.admin-layout .dash-profile-chip,
.admin-layout .premium-card .body,
.admin-layout .quick-wallet-card,
.admin-layout .form-card,
.admin-layout .panel,
.admin-layout .card {
  background: var(--b7r-card, #111827) !important;
  color: var(--b7r-text, #e8ecf7) !important;
  border-color: var(--b7r-border, #e5e7eb) !important;
}

.admin-layout h1,
.admin-layout h2,
.admin-layout h3,
.admin-layout h4,
.admin-layout h5,
.admin-layout h6,
.admin-layout .dash-stat strong,
.admin-layout .dash-stat b,
.admin-layout .dash-panel h3,
.admin-layout .quick-card b,
.admin-layout .quick-card strong,
.admin-layout .premium-card .body h3,
.admin-layout .table td,
.admin-layout .table th,
.admin-layout label,
.admin-layout .panel-head h3,
.admin-layout .panel-head p,
.admin-layout .dash-top p,
.admin-layout .dash-top span {
  color: var(--b7r-text, #e8ecf7) !important;
}

.admin-layout p,
.admin-layout small,
.admin-layout .muted,
.admin-layout .dash-stat small,
.admin-layout .quick-card span {
  color: var(--b7r-muted, #687080) !important;
}

.admin-layout .table th {
  background: var(--b7r-surface, #151b2e) !important;
  border-color: var(--b7r-border, #e5e7eb) !important;
}
.admin-layout .table td {
  border-color: var(--b7r-border, #e5e7eb) !important;
}
.admin-layout .table tr:hover td {
  background: color-mix(in srgb, var(--b7r-primary, #6c5ce7) 6%, var(--b7r-card, #fff)) !important;
}

/* Forms */
.admin-layout .input,
.admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.admin-layout select,
.admin-layout textarea {
  background: var(--b7r-card, #fff) !important;
  color: var(--b7r-text, #e8ecf7) !important;
  -webkit-text-fill-color: var(--b7r-text, #e8ecf7) !important;
  border-color: var(--b7r-border, #e5e7eb) !important;
}
.admin-layout input::placeholder,
.admin-layout textarea::placeholder {
  color: var(--b7r-muted, #687080) !important;
  -webkit-text-fill-color: var(--b7r-muted, #687080) !important;
}
.admin-layout select option {
  background: var(--b7r-card, #fff) !important;
  color: var(--b7r-text, #e8ecf7) !important;
}

/* Sidebar follows active theme */
.admin-fixed-side,
.dash-side.admin-fixed-side {
  background: linear-gradient(180deg, var(--b7r-card, #111827), var(--b7r-bg, #070912)) !important;
  border-color: var(--b7r-border, rgba(155,92,255,.4)) !important;
}
.admin-fixed-side .side-brand b,
.admin-fixed-side .side-link,
.admin-fixed-side .side-link b {
  color: var(--b7r-text, #fff) !important;
}
.admin-fixed-side .side-link small,
.admin-fixed-side .side-section {
  color: var(--b7r-muted, #94a3b8) !important;
}
.admin-fixed-side .side-link:hover,
.admin-fixed-side .side-link.active {
  color: var(--b7r-text, #fff) !important;
  border-color: var(--b7r-border, rgba(155,92,255,.4)) !important;
}

/* Store surfaces */
.card, .service-card, .package-card, .stat-card, .dashboard-card,
.catalog-card, .premium-card, .profile-card, .wallet-card {
  background: var(--b7r-card, #fff) !important;
  color: var(--b7r-text, #e8ecf7) !important;
  border-color: var(--b7r-border, #e5e7eb) !important;
}
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,
.card p,.card label,.card strong,.service-card *,
.package-card *, .catalog-card *, .premium-card * {
  color: var(--b7r-text, #e8ecf7) !important;
}

/* Buttons keep readable text */
.btn, .btn-primary, button.btn {
  color: #fff !important;
}

/* REAL LIGHT MODE: keeps the selected theme's accent colors,
   but makes the whole interface light and readable. */
body.light-mode,
html.light-mode body,
body.light-mode.admin-layout,
html.light-mode body.admin-layout {
  --b7r-bg: #f5f7fb !important;
  --b7r-surface: #ffffff !important;
  --b7r-card: #ffffff !important;
  --b7r-text: #111827 !important;
  --b7r-muted: #687080 !important;
  --b7r-border: #e5e7eb !important;
  background: #f5f7fb !important;
  color: #111827 !important;
}
body.light-mode .admin-layout .dash-stat,
body.light-mode .admin-layout .dash-panel,
body.light-mode .admin-layout .quick-card,
body.light-mode .admin-layout .catalog-editor,
body.light-mode .admin-layout .admin-card,
body.light-mode .admin-layout .table-wrap,
body.light-mode .admin-layout .admin-summary,
body.light-mode .admin-layout .quick-wallet-card,
body.light-mode .admin-layout .card,
body.light-mode .card,
body.light-mode .service-card,
body.light-mode .package-card,
body.light-mode .dashboard-card {
  background: #fff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(17,24,39,.07) !important;
}
body.light-mode .admin-layout h1,
body.light-mode .admin-layout h2,
body.light-mode .admin-layout h3,
body.light-mode .admin-layout h4,
body.light-mode .admin-layout p,
body.light-mode .admin-layout label,
body.light-mode .admin-layout .dash-stat strong,
body.light-mode .admin-layout .table td {
  color: #111827 !important;
}
body.light-mode .admin-layout p.muted,
body.light-mode .admin-layout small,
body.light-mode .admin-layout .muted,
body.light-mode .quick-card span {
  color: #687080 !important;
}
body.light-mode .admin-layout .input,
body.light-mode .admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.light-mode .admin-layout select,
body.light-mode .admin-layout textarea {
  background: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: #e5e7eb !important;
}
body.light-mode .admin-fixed-side,
body.light-mode .dash-side.admin-fixed-side {
  background: linear-gradient(180deg,var(--b7r-card,#111a2c),var(--b7r-bg,#0b1220)) !important;
}


/* =========================================================
   V73 — REAL THEME COLORS + READABLE TYPOGRAPHY
   The selected theme controls the page even in Light Mode.
   ========================================================= */
html, body {
  font-size: 16px !important;
  line-height: 1.65 !important;
}
body, button, input, select, textarea, table {
  font-family: Cairo, Inter, Tahoma, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

/* Light mode is no longer hard-coded white. It uses a tinted version
   of the active theme while keeping dark, readable text. */
html.light-mode, body.light-mode {
  --b7r-bg: color-mix(in srgb, var(--b7r-primary, #6c5ce7) 5%, #f3f5fa) !important;
  --b7r-surface: color-mix(in srgb, var(--b7r-primary, #6c5ce7) 8%, #ffffff) !important;
  --b7r-card: color-mix(in srgb, var(--b7r-primary, #6c5ce7) 4%, #ffffff) !important;
  --b7r-text: #172033 !important;
  --b7r-muted: #526078 !important;
  --b7r-border: color-mix(in srgb, var(--b7r-primary, #6c5ce7) 24%, #d7dce6) !important;
}

html.light-mode body,
body.light-mode {
  background: var(--b7r-bg) !important;
  color: var(--b7r-text) !important;
}

/* Theme center: never use the dark theme's near-white text on its
   light page. Cards themselves remain dark previews. */
body.admin-layout .theme-page,
body.admin-layout .theme-page .theme-section-title h2,
body.admin-layout .theme-page .theme-section-title span,
body.admin-layout .theme-page .advanced-note {
  color: var(--b7r-text) !important;
}
body.admin-layout .theme-page .theme-head {
  background: linear-gradient(135deg, color-mix(in srgb,var(--b7r-primary) 28%,#111827), color-mix(in srgb,var(--b7r-secondary) 18%,#111827)) !important;
  border-color: var(--b7r-border) !important;
  box-shadow: var(--b7r-glow) !important;
}
body.admin-layout .theme-page .theme-section-title h2 {
  font-size: 27px !important;
  font-weight: 900 !important;
}
body.admin-layout .theme-page .theme-section-title span {
  font-size: 15px !important;
  font-weight: 700 !important;
}
body.admin-layout .theme-page .theme-card {
  border-color: var(--b7r-border) !important;
}
body.admin-layout .theme-page .theme-info h3 {
  font-size: 21px !important;
  line-height: 1.45 !important;
}
body.admin-layout .theme-page .theme-meta,
body.admin-layout .theme-page .advanced-note {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body.admin-layout .theme-page .theme-meta .pill {
  color: #dbe5f5 !important;
}
body.admin-layout .theme-page .theme-actions .btn {
  font-size: 15px !important;
  font-weight: 900 !important;
  min-height: 42px !important;
}

/* Make every major admin surface theme-aware, including legacy white
   wrappers that were added by earlier versions. */
.admin-layout .container,
.admin-layout .admin-page-wrap,
.admin-layout .admin-head,
.admin-layout .admin-card-grid,
.admin-layout .catalog-toolbar,
.admin-layout .catalog-editor,
.admin-layout .admin-card,
.admin-layout .form,
.admin-layout .card,
.admin-layout .panel,
.admin-layout .table-wrap,
.admin-layout .dash-shell,
.admin-layout .dash-main,
.admin-layout .dash-top,
.admin-layout .dash-stat,
.admin-layout .dash-panel,
.admin-layout .quick-card,
.admin-layout .quick-wallet-card,
.admin-layout .admin-summary,
.admin-layout .profile-actions-card,
.admin-layout .profile-stat,
.admin-layout .wallet-balance {
  background: var(--b7r-card) !important;
  color: var(--b7r-text) !important;
  border-color: var(--b7r-border) !important;
}

.admin-layout .dash-main,
.admin-layout .container {
  background: var(--b7r-bg) !important;
}

.admin-layout h1,
.admin-layout h2,
.admin-layout h3,
.admin-layout h4,
.admin-layout h5,
.admin-layout h6,
.admin-layout .dash-stat strong,
.admin-layout .dash-stat b,
.admin-layout .quick-card strong,
.admin-layout .quick-card b,
.admin-layout .dash-panel h3,
.admin-layout .panel-head h3,
.admin-layout .admin-head h1,
.admin-layout .admin-head h2,
.admin-layout label,
.admin-layout td {
  color: var(--b7r-text) !important;
  font-weight: 800 !important;
}
.admin-layout p,
.admin-layout small,
.admin-layout .muted,
.admin-layout .dash-stat small,
.admin-layout .quick-card span,
.admin-layout .dash-top p,
.admin-layout .panel-head p {
  color: var(--b7r-muted) !important;
}

/* Sidebar: theme color + readable text, not a fixed white/gray palette. */
.admin-fixed-side,
.dash-side.admin-fixed-side {
  background: linear-gradient(180deg, var(--b7r-card), var(--b7r-bg)) !important;
  border-color: var(--b7r-border) !important;
}
.admin-fixed-side .side-brand b,
.admin-fixed-side .side-link b,
.admin-fixed-side .side-link {
  color: var(--b7r-text) !important;
  font-size: 15px !important;
}
.admin-fixed-side .side-link small,
.admin-fixed-side .side-section,
.admin-fixed-side .side-brand small {
  color: var(--b7r-muted) !important;
  font-size: 12px !important;
}
.admin-fixed-side .side-link svg {
  stroke: var(--b7r-secondary) !important;
}
.admin-fixed-side .side-link.active,
.admin-fixed-side .side-link:hover {
  color: #fff !important;
  background: linear-gradient(135deg,var(--b7r-primary),var(--b7r-secondary)) !important;
  border-color: var(--b7r-border) !important;
  box-shadow: var(--b7r-glow) !important;
}
.admin-fixed-side .side-link.active b,
.admin-fixed-side .side-link.active small {
  color: #fff !important;
}

/* Inputs / tables */
.admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.admin-layout select,
.admin-layout textarea,
.admin-layout .input {
  background: var(--b7r-surface) !important;
  color: var(--b7r-text) !important;
  -webkit-text-fill-color: var(--b7r-text) !important;
  border-color: var(--b7r-border) !important;
  font-size: 15px !important;
}
.admin-layout input::placeholder,
.admin-layout textarea::placeholder {
  color: var(--b7r-muted) !important;
  -webkit-text-fill-color: var(--b7r-muted) !important;
}
.admin-layout .table th {
  background: var(--b7r-surface) !important;
  color: var(--b7r-text) !important;
  font-size: 14px !important;
}

/* Remove the last hard-coded light-mode white surfaces. */
body.light-mode .admin-layout .dash-stat,
body.light-mode .admin-layout .dash-panel,
body.light-mode .admin-layout .quick-card,
body.light-mode .admin-layout .catalog-editor,
body.light-mode .admin-layout .admin-card,
body.light-mode .admin-layout .table-wrap,
body.light-mode .admin-layout .admin-summary,
body.light-mode .admin-layout .quick-wallet-card,
body.light-mode .admin-layout .card,
body.light-mode .admin-layout .form,
body.light-mode .admin-layout .panel,
body.light-mode .card,
body.light-mode .service-card,
body.light-mode .package-card,
body.light-mode .dashboard-card {
  background: var(--b7r-card) !important;
  color: var(--b7r-text) !important;
  border-color: var(--b7r-border) !important;
  box-shadow: 0 10px 30px color-mix(in srgb,var(--b7r-primary) 12%,transparent) !important;
}
body.light-mode .admin-layout h1,
body.light-mode .admin-layout h2,
body.light-mode .admin-layout h3,
body.light-mode .admin-layout h4,
body.light-mode .admin-layout p,
body.light-mode .admin-layout label,
body.light-mode .admin-layout .dash-stat strong,
body.light-mode .admin-layout .table td {
  color: var(--b7r-text) !important;
}
body.light-mode .admin-layout small,
body.light-mode .admin-layout .muted,
body.light-mode .quick-card span {
  color: var(--b7r-muted) !important;
}

/* =========================================================
   V74 — Clean Settings Header
   Language + theme controls live ONLY inside the drawer.
   ========================================================= */

/* Make settings trigger impossible to miss */
.store-header-actions .settings-menu-btn{
  min-width:116px !important;
  height:44px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid var(--b7r-border,#dfe4ee) !important;
  border-radius:13px !important;
  background:var(--b7r-card,#fff) !important;
  color:var(--b7r-text,#111827) !important;
  font-family:Cairo,Inter,Tahoma,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(17,24,39,.09) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.store-header-actions .settings-menu-btn svg{
  flex:0 0 auto !important;
  color:var(--b7r-primary,#6c5ce7) !important;
}
.store-header-actions .settings-menu-btn:hover{
  transform:translateY(-2px) !important;
  border-color:var(--b7r-primary,#6c5ce7) !important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--b7r-primary,#6c5ce7) 24%,transparent) !important;
}
.store-header-actions .settings-menu-btn:focus-visible{
  outline:3px solid color-mix(in srgb,var(--b7r-primary,#6c5ce7) 28%,transparent) !important;
  outline-offset:2px !important;
}

/* Drawer is the single home for appearance + language. */
.store-settings-drawer{
  color:var(--b7r-text,#111827) !important;
  background:var(--b7r-card,#fff) !important;
  border-left:1px solid var(--b7r-border,#dfe4ee) !important;
}
.store-settings-section{
  color:var(--b7r-muted,#667085) !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.drawer-control{
  color:var(--b7r-text,#111827) !important;
  background:var(--b7r-surface,#f8fafc) !important;
  border-color:var(--b7r-border,#dfe4ee) !important;
}
.drawer-control b{color:var(--b7r-primary,#6c5ce7) !important}
.drawer-langs a{
  min-width:42px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.drawer-langs a.active{
  background:var(--b7r-primary,#6c5ce7) !important;
  color:#fff !important;
}

/* No duplicate standalone language/theme controls. */
.store-header-actions > .lang-switch,
.store-header-actions > #themeToggle{
  display:none !important;
}

@media(max-width:700px){
  .store-header-actions .settings-menu-btn{
    min-width:44px !important;
    width:44px !important;
    padding:0 !important;
  }
  .store-header-actions .settings-menu-btn span{display:none !important}
}


/* V77 — Settings Drawer LTR/RTL final fix
   IMPORTANT: html[dir="ltr"] .store-settings-drawer has higher specificity
   than .store-settings-drawer.open, so explicitly open it in LTR too. */
.store-settings-drawer.open{
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html[dir="rtl"] .store-settings-drawer{
  right:0!important;left:auto!important;
  transform:translate3d(110%,0,0)!important;
  border-left:1px solid var(--b7r-border,#e5e7eb)!important;
  border-right:0!important;
}
html[dir="rtl"] .store-settings-drawer.open{
  transform:translate3d(0,0,0)!important;
}
html[dir="ltr"] .store-settings-drawer{
  left:0!important;right:auto!important;
  transform:translate3d(-110%,0,0)!important;
  border-left:0!important;
  border-right:1px solid var(--b7r-border,#e5e7eb)!important;
}
html[dir="ltr"] .store-settings-drawer.open{
  transform:translate3d(0,0,0)!important;
}
.store-settings-overlay.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


/* =========================================================
   V79 — ADMIN LANGUAGE LAYOUT FIX
   Arabic = RTL / sidebar right / content right
   English = LTR / sidebar left / content left
   ========================================================= */
html[dir="ltr"] body.admin-layout{direction:ltr!important;overflow-x:hidden!important}
html[dir="ltr"] body.admin-layout .container{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:34px 34px 70px 326px!important;min-height:100vh!important;
  box-sizing:border-box!important;
}
html[dir="ltr"] body.admin-layout .container>.admin-fixed-side{
  position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;
  width:292px!important;height:100vh!important;margin:0!important;padding:20px 15px!important;
  z-index:5000!important;box-sizing:border-box!important;
  direction:ltr!important;text-align:left!important;
}
html[dir="ltr"] body.admin-layout .container>.admin-fixed-side + *{margin-left:0!important;margin-right:0!important}
html[dir="ltr"] body.admin-layout .container>.dash-main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;direction:ltr!important;text-align:left!important}
html[dir="ltr"] body.admin-layout .container>h1,
html[dir="ltr"] body.admin-layout .container>.alert,
html[dir="ltr"] body.admin-layout .container>.card,
html[dir="ltr"] body.admin-layout .container>.admin-head,
html[dir="ltr"] body.admin-layout .container>.admin-card-grid,
html[dir="ltr"] body.admin-layout .container>.catalog-toolbar,
html[dir="ltr"] body.admin-layout .container>.catalog-editor,
html[dir="ltr"] body.admin-layout .container>.form,
html[dir="ltr"] body.admin-layout .container>.table-wrap,
html[dir="ltr"] body.admin-layout .container>section,
html[dir="ltr"] body.admin-layout .container>.grid{margin-left:0!important;margin-right:0!important}
html[dir="ltr"] body.admin-layout .admin-fixed-side .side-link{flex-direction:row!important;text-align:left!important}
html[dir="ltr"] body.admin-layout .admin-fixed-side .side-link-copy{text-align:left!important}
html[dir="ltr"] body.admin-layout .admin-fixed-side .side-section{text-align:left!important}
html[dir="ltr"] body.admin-layout .admin-fixed-side .side-bottom{margin-top:auto!important}
html[dir="ltr"] body.admin-layout .dash-top{direction:ltr!important;text-align:left!important}
html[dir="ltr"] body.admin-layout .dash-top>div:first-child{text-align:left!important}
html[dir="ltr"] body.admin-layout .top-actions{direction:ltr!important}
html[dir="ltr"] body.admin-layout .dash-stats,
html[dir="ltr"] body.admin-layout .dash-grid,
html[dir="ltr"] body.admin-layout .quick-grid{direction:ltr!important}
html[dir="ltr"] body.admin-layout .dash-stat,
html[dir="ltr"] body.admin-layout .dash-panel,
html[dir="ltr"] body.admin-layout .quick-card{text-align:left!important}
html[dir="ltr"] body.admin-layout .dash-stat>span,
html[dir="ltr"] body.admin-layout .dash-stat small,
html[dir="ltr"] body.admin-layout .panel-head,
html[dir="ltr"] body.admin-layout .quick-head{text-align:left!important}
html[dir="ltr"] body.admin-layout .panel-head,
html[dir="ltr"] body.admin-layout .quick-card{direction:ltr!important}
html[dir="ltr"] body.admin-layout .overview-item{direction:ltr!important}
html[dir="ltr"] body.admin-layout .overview-item span{order:1;text-align:left!important}
html[dir="ltr"] body.admin-layout .overview-item b{order:2}
html[dir="ltr"] body.admin-layout .overview-item i{order:3}
html[dir="ltr"] body.admin-layout .recent-row{direction:ltr!important}
html[dir="ltr"] body.admin-layout .order-info{text-align:left!important}
html[dir="ltr"] body.admin-layout .dash-deposit-alert{direction:ltr!important;text-align:left!important}
html[dir="ltr"] body.admin-layout .quick-card>strong{margin-left:auto!important;margin-right:0!important}

/* Keep the same visual width on Arabic, but make the direction explicit. */
html[dir="rtl"] body.admin-layout{direction:rtl!important;overflow-x:hidden!important}
html[dir="rtl"] body.admin-layout .container{direction:rtl!important}
html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{direction:rtl!important;text-align:right!important}
html[dir="rtl"] body.admin-layout .dash-main{direction:rtl!important;text-align:right!important}
html[dir="rtl"] body.admin-layout .dash-top{direction:rtl!important;text-align:right!important}
html[dir="rtl"] body.admin-layout .top-actions{direction:rtl!important}

@media(max-width:900px){
  html[dir="ltr"] body.admin-layout .container{padding:74px 16px 60px!important}
  html[dir="ltr"] body.admin-layout .container>.admin-fixed-side{left:0!important;right:auto!important;width:min(292px,88vw)!important;transform:translateX(-105%)!important;transition:transform .25s ease!important}
  html[dir="ltr"] body.admin-layout.admin-menu-open .container>.admin-fixed-side{transform:translateX(0)!important}
  html[dir="ltr"] body.admin-layout .container>.dash-main{margin:0!important}
  html[dir="rtl"] body.admin-layout .container{padding:74px 10px 50px!important}
  html[dir="rtl"] body.admin-layout .container>.admin-fixed-side{right:0!important;left:auto!important;width:min(292px,88vw)!important;transform:translateX(105%)!important;transition:transform .25s ease!important}
  html[dir="rtl"] body.admin-layout.admin-menu-open .container>.admin-fixed-side{transform:translateX(0)!important}
  html[dir="rtl"] body.admin-layout .container>.dash-main{margin:0!important}
}

/* =========================================================
   V89.3 — FINAL ADMIN DARK THEME OVERRIDE
   The admin area must never inherit legacy white surfaces.
   ========================================================= */
body.admin-layout,
body.admin-layout .container,
body.admin-layout .dash-main,
body.admin-layout .content{
  background:var(--ui-bg,var(--b7r-bg,#070912))!important;
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
}
body.admin-layout .dash-stat,
body.admin-layout .dash-panel,
body.admin-layout .quick-card,
body.admin-layout .admin-card,
body.admin-layout .admin-summary,
body.admin-layout .catalog-editor,
body.admin-layout .table-wrap,
body.admin-layout .form-card,
body.admin-layout .panel,
body.admin-layout .card,
body.admin-layout .premium-card,
body.admin-layout .premium-card .body,
body.admin-layout .profile-stat,
body.admin-layout .profile-actions-card,
body.admin-layout .quick-wallet,
body.admin-layout .quick-wallet-card{
  background:var(--ui-card,var(--b7r-card,#101424))!important;
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
  border-color:var(--ui-border,var(--b7r-border,#334155))!important;
}
body.admin-layout input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.admin-layout select,
body.admin-layout textarea,
body.admin-layout .input,
body.admin-layout .form-control{
  background:var(--ui-surface,var(--b7r-surface,#101424))!important;
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
  -webkit-text-fill-color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
  border-color:var(--ui-border,var(--b7r-border,#334155))!important;
  box-shadow:none!important;
}
body.admin-layout input::placeholder,
body.admin-layout textarea::placeholder{
  color:var(--ui-muted,var(--b7r-muted,#94a3b8))!important;
  -webkit-text-fill-color:var(--ui-muted,var(--b7r-muted,#94a3b8))!important;
  opacity:1!important;
}
body.admin-layout input:-webkit-autofill,
body.admin-layout input:-webkit-autofill:hover,
body.admin-layout input:-webkit-autofill:focus,
body.admin-layout input:-webkit-autofill:active{
  -webkit-text-fill-color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
  -webkit-box-shadow:0 0 0 1000px var(--ui-surface,var(--b7r-surface,#101424)) inset!important;
  box-shadow:0 0 0 1000px var(--ui-surface,var(--b7r-surface,#101424)) inset!important;
  caret-color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
}
body.admin-layout select option{
  background:var(--ui-surface,var(--b7r-surface,#101424))!important;
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
}
body.admin-layout label,
body.admin-layout h1,body.admin-layout h2,body.admin-layout h3,
body.admin-layout h4,body.admin-layout h5,body.admin-layout h6,
body.admin-layout strong,body.admin-layout td,body.admin-layout th{
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
}
body.admin-layout p,body.admin-layout small,body.admin-layout .muted,
body.admin-layout .dash-stat small,body.admin-layout .quick-card span{
  color:var(--ui-muted,var(--b7r-muted,#94a3b8))!important;
}
body.admin-layout .table th{
  background:var(--ui-surface,var(--b7r-surface,#151b2e))!important;
  color:var(--ui-text,var(--b7r-text,#e8ecf7))!important;
  border-color:var(--ui-border,var(--b7r-border,#334155))!important;
}
body.admin-layout .table td{border-color:var(--ui-border,var(--b7r-border,#334155))!important;}

/* V89.4 - Kill native white file controls in admin */
.admin-layout input[type="file"],
.admin-layout .file-input,
.admin-layout input.file-input {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--b7r-surface, #101424) !important;
  color: var(--b7r-text, #e8ecf7) !important;
  border: 1px solid var(--b7r-border, #30384b) !important;
  color-scheme: dark !important;
  padding: 8px !important;
  border-radius: 11px !important;
}

.admin-layout input[type="file"]::file-selector-button,
.admin-layout .file-input::file-selector-button {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--b7r-primary, #7c5cff) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  margin-inline-end: 10px !important;
  font-family: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.admin-layout input[type="file"]:hover::file-selector-button,
.admin-layout .file-input:hover::file-selector-button {
  filter: brightness(1.12) !important;
}

.admin-layout input[type="file"]:focus,
.admin-layout .file-input:focus {
  outline: none !important;
  border-color: var(--b7r-primary, #7c5cff) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--b7r-primary, #7c5cff) 18%, transparent) !important;
}

/* Chrome autofill: never paint admin fields white */
.admin-layout input:-webkit-autofill,
.admin-layout input:-webkit-autofill:hover,
.admin-layout input:-webkit-autofill:focus,
.admin-layout textarea:-webkit-autofill,
.admin-layout select:-webkit-autofill {
  -webkit-text-fill-color: var(--b7r-text, #e8ecf7) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--b7r-surface, #101424) inset !important;
  box-shadow: 0 0 0 1000px var(--b7r-surface, #101424) inset !important;
  caret-color: var(--b7r-text, #e8ecf7) !important;
}

/* V89.6 legal/help navigation polish */
.admin-fixed-side .side-section-legal{
  color:#a78bfa!important;
  display:flex!important;
  align-items:center;
  gap:7px;
  font-size:11px!important;
  margin-top:5px;
}
.admin-fixed-side .side-section-legal:before{content:"▣";font-size:12px;color:#00d9ff}
.admin-fixed-side .side-link-legal{
  border:1px solid rgba(124,92,255,.08);
  margin:2px 0;
}
.admin-fixed-side .side-link-legal svg{color:#00d9ff!important}
.admin-fixed-side .side-link-legal:hover{
  border-color:rgba(0,229,255,.22)!important;
  background:linear-gradient(90deg,rgba(0,229,255,.07),rgba(124,92,255,.08))!important;
}
.admin-fixed-side .side-link-legal.active{
  border-color:rgba(0,229,255,.3)!important;
  background:linear-gradient(90deg,#6d5ce7,#1c9ed8)!important;
}
.footer-legal-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:12px;
}
.footer-legal-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border:1px solid rgba(124,92,255,.24);
  border-radius:999px;
  background:rgba(124,92,255,.06);
  color:#b9a7ff!important;
  text-decoration:none;
  transition:.18s ease;
}
.footer-legal-links a:hover{
  color:#fff!important;
  border-color:rgba(0,229,255,.5);
  background:linear-gradient(90deg,rgba(124,92,255,.16),rgba(0,229,255,.09));
  transform:translateY(-1px);
  box-shadow:0 0 18px rgba(0,229,255,.08);
}
.footer-legal-links a span{font-size:13px;line-height:1}


/* V89 PRICE CARDS — final clean layout */
.catalog-card .meta{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  margin-top:14px;
  min-width:0;
}
.catalog-card .meta > .price-box{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  line-height:1.1;
}
.catalog-card .price-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  min-height:22px;
}
.catalog-card .old-price{
  display:inline-block;
  margin:0;
  font-size:12px;
  line-height:1.2;
  color:var(--muted);
  text-decoration:line-through;
  text-decoration-thickness:1.5px;
  white-space:nowrap;
}
.catalog-card .discount-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:none;
  padding:3px 8px;
  border-radius:999px;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  background:rgba(220,53,69,.12);
  color:#ff7180;
  border:1px solid rgba(220,53,69,.28);
  white-space:nowrap;
}
.catalog-card .current-price{
  display:block;
  margin:0;
  font-size:22px;
  line-height:1.15;
  font-weight:900;
  color:var(--text);
  white-space:nowrap;
  direction:ltr;
  unicode-bidi:isolate;
}
.catalog-card .meta > .btn{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:600px){
  .catalog-card .meta{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }
  .catalog-card .meta > .price-box{
    align-items:flex-start;
  }
  .catalog-card .meta > .btn{
    width:100%;
    text-align:center;
  }
}