/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ ⚠️ تنبيه دائم: كل قاعدة CSS خاصة بالشات/التذاكر (.chat-*, .ti-*,     ║
   ║ .order-form-*, .msg*) يجب إضافتها فقط داخل القسم بآخر هذا الملف     ║
   ║ المسمّى "★★★ MODULE النهائي والوحيد لنظام التذاكر/الشات ★★★".         ║
   ║ ممنوع إضافة أي قاعدة شات بأي مكان ثاني بالملف — هذا يمنع تكرار      ║
   ║ مشكلة التراكم والتعارض القديمة نهائياً. ابحث عن "MODULE النهائي"     ║
   ║ (Ctrl+F) لتوصل له مباشرة.                                            ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
:root{--bg:#0a0a15;--bg2:#12122a;--bg3:#1b1b3a;--card:#1c1c30;--card2:#252540;--card3:#2e2e4f;--surface:rgba(255,255,255,.04);--surface2:rgba(255,255,255,.07);--border:rgba(168,85,247,.14);--border-str:rgba(168,85,247,.32);--border2:rgba(150,105,235,.38);--border3:rgba(150,105,235,.6);--text:#f5f5ff;--text2:#a5a5c8;--text3:#6a6a90;--brand:#a855f7;--brand2:#7c3aed;--brand-glow:rgba(168,85,247,.35);--accent:#22d3ee;--gold:#fbbf24;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--blue:#3b82f6;--purple:#9333ea;--purple-l:#c084fc;--purple-d:#6b21a8;--sky:#4fd1ff;--grad:linear-gradient(135deg,#a855f7 0%,#7c3aed 45%,#3b82f6 100%);--grad2:linear-gradient(135deg,#fbbf24,#f97316);--grad3:linear-gradient(135deg,#22c55e,#22d3ee);--grad-danger:linear-gradient(135deg,#ef4444,#f97316);--r:14px;--rs:10px;--r-sm:10px;--r-lg:20px;--r-xl:26px;--rl:22px;--shadow-sm:0 4px 12px rgba(0,0,0,.35);--shadow:0 10px 30px rgba(0,0,0,.45);--shadow-lg:0 20px 60px rgba(0,0,0,.55);--glow:0 0 40px rgba(168,85,247,.25);--safe-b:env(safe-area-inset-bottom, 0px);--safe-t:env(safe-area-inset-top, 0px);--gap-section:28px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;overscroll-behavior-y:contain;scrollbar-gutter:stable;overflow-x:hidden;max-width:100%}body{font-family:'IBM Plex Sans Arabic',Cairo,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;min-height:100dvh;background-image:radial-gradient(1200px 600px at 15% -10%,rgba(168,85,247,.15),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(59,130,246,.1),transparent 60%),radial-gradient(800px 500px at 50% 110%,rgba(34,211,238,.08),transparent 60%);background-attachment:fixed}body.ltr{direction:ltr}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand),var(--brand2));border-radius:3px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0;color:inherit}input,select,textarea{font-family:inherit;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:var(--rs);padding:11px 14px;width:100%;outline:0;font-size:14px;transition:border-color .18s,box-shadow .18s,opacity .18s}input::placeholder,textarea::placeholder{color:var(--text3)}input:focus,select:focus,textarea:focus{border-color:var(--purple-l);box-shadow:0 0 0 3px rgba(168,85,247,.13)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input.invalid,select.invalid,textarea.invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,57,70,.12)}.field-error{color:#ff8088;font-size:12px;font-weight:600;margin-top:5px;display:none}.field-error.show{display:block}textarea{resize:vertical;min-height:80px}label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}#userBgLayer{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;display:none;transition:opacity .35s ease;transform:scale(1.08)}#userBgLayer.on{display:block}.bg-mesh{display:none}.grid-bg{display:none}#app{min-height:100vh;min-height:100dvh;padding-bottom:calc(80px + var(--safe-b));position:relative}.appbar{position:sticky;top:0;z-index:200;padding-top:var(--safe-t);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:rgba(10,10,21,.85);border-bottom:1px solid var(--border)}.appbar-inner{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:1280px;margin:0 auto}.appbar-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:19px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;flex-shrink:0}.appbar-logo-icon{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-size:20px;color:#fff;box-shadow:var(--glow)}.appbar-search{flex:1;position:relative;max-width:520px}.appbar-search input{background:var(--surface);border-radius:100px;padding:11px 44px;font-size:14px}.appbar-search svg{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;color:var(--text2);width:18px;height:18px}.appbar-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;min-width:0}.icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;flex-shrink:0}.icon-btn svg{width:20px;height:20px}.appbar-user-av{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;background:var(--grad);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.15)}.appbar-user-av img{width:100%;height:100%;object-fit:cover}.icon-btn:hover{background:var(--surface2);border-color:var(--border-str);transform:translateY(-1px)}.appbar-lang{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:3px}.appbar-lang button{padding:6px 10px;border-radius:100px;font-size:12px;font-weight:700;color:var(--text2)}.appbar-lang button.on{background:var(--grad);color:#fff}.desktop-nav{display:none}@media(min-width:768px){.desktop-nav{display:flex;gap:4px;margin-inline-start:20px;position:relative}.desktop-nav button{padding:9px 14px;border-radius:100px;font-weight:700;font-size:14px;color:var(--text2);display:flex;align-items:center;gap:6px}.desktop-nav button svg{width:18px;height:18px}.desktop-nav button.on{background:var(--grad);color:#fff}.desktop-nav button:not(.on):hover{background:var(--surface)}.nav-more{position:relative}.nav-more-trigger{padding:9px 14px;border-radius:100px;font-weight:700;font-size:14px;color:var(--text2);display:flex;align-items:center;gap:6px}.nav-more-trigger:hover{background:var(--surface)}.nav-more-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--card2);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;min-width:200px;display:none;flex-direction:column;gap:1px;z-index:250}.nav-more.open .nav-more-menu{display:flex;animation:heroIn .18s ease both}.nav-more-menu .nav-link{width:100%;text-align:right;padding:10px 14px;border-radius:var(--rs);font-weight:700;font-size:13px;color:var(--text2);transition:background .15s}.nav-more-menu .nav-link:hover{background:var(--surface2);color:var(--text)}.nav-more-menu .nav-link.active{background:var(--grad);color:#fff}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:8px 8px calc(8px + var(--safe-b));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:rgba(10,10,21,.88);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.bn-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;color:var(--text3);font-size:11px;font-weight:700;transition:color .15s,background .15s;position:relative}.bn-btn svg{width:22px;height:22px}.bn-btn span:not(.bn-badge){color:inherit}.bn-btn.on{color:var(--brand)}.bn-btn.on::before{content:'';position:absolute;top:0;left:20%;right:20%;height:3px;background:var(--grad);border-radius:0 0 4px 4px}.bn-btn .bn-badge{position:absolute;top:4px;inset-inline-end:16%;background:var(--red);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:800;border-radius:100px;display:grid;place-items:center;padding:0 4px}@media(min-width:768px){.bottom-nav{display:none}#app{padding-bottom:40px}}@media(max-width:767px){.appbar-search{display:none}.appbar-inner{padding:10px 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:100px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .12s,box-shadow .15s,background .15s;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.96)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(124,58,237,.35)}.btn-primary:hover{box-shadow:0 12px 32px rgba(124,58,237,.5);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#f0a500,#ff7b00);border:none;color:#fff}.btn-gold:hover{box-shadow:0 8px 24px rgba(240,165,0,.35);transform:translateY(-1px)}.btn-green{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;color:#fff}.btn-green:hover{box-shadow:0 8px 24px rgba(34,197,94,.3);transform:translateY(-1px)}.btn-danger,.btn-red{background:var(--grad-danger);color:#fff}.btn-danger:hover,.btn-red:hover{box-shadow:0 8px 24px rgba(239,68,68,.3);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface2)}.btn-outline{background:0 0;border-color:var(--border-str);color:var(--text)}.btn-outline:hover{background:rgba(168,85,247,.1)}.btn-success{background:var(--grad3);color:#0a0a15;font-weight:800}.btn-sm{padding:8px 14px;font-size:13px}.btn-xs{padding:4px 9px;font-size:11px}.btn-lg{padding:15px 26px;font-size:15px}.btn-block{width:100%}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:800}.badge-count{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--grad-danger);color:#fff;min-width:20px;height:20px;padding:0 6px;border-radius:100px;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.badge-gold{background:rgba(240,165,0,.15);color:var(--gold);border:1px solid rgba(240,165,0,.25)}.badge-green{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.25)}.badge-red{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.badge-purple{background:rgba(168,85,247,.15);color:var(--purple-l);border:1px solid rgba(168,85,247,.25)}.badge-sky{background:rgba(56,189,248,.15);color:var(--sky);border:1px solid rgba(56,189,248,.25)}.badge-blue{background:rgba(59,130,246,.15);color:var(--blue);border:1px solid rgba(59,130,246,.25)}.card:focus-visible,.home-cat-chip:focus-visible,.nav-icon:focus-visible,.nav-link:focus-visible,.product-card:focus-visible,.tab:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--purple-l);outline-offset:2px;border-radius:8px}.skel{position:relative;overflow:hidden;background:var(--card2);border-radius:var(--rs)}.skel::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skelShine 1.4s infinite}@keyframes skelShine{100%{transform:translateX(100%)}}#mainNav{display:none!important}.nav-logo{font-size:21px;font-weight:900;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.nav-links{display:flex;gap:4px;align-items:center;overflow-x:auto;flex:1;justify-content:center;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.nav-links::-webkit-scrollbar{display:none}#guideLink{display:block!important}#guideLink.hidden-guide{display:none!important}.nav-link{padding:9px 15px;border-radius:var(--rs);color:var(--text2);font-weight:700;font-size:13.5px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.nav-link:hover{background:var(--card2);color:var(--text)}.nav-link.active{background:var(--grad);color:#fff;box-shadow:0 4px 14px rgba(147,51,234,.35)}.nav-link-cta{background:linear-gradient(135deg,rgba(192,132,252,.22),rgba(77,148,255,.18));border:1px solid rgba(192,132,252,.4);color:var(--purple-l);font-weight:900}.nav-link-cta:hover{background:linear-gradient(135deg,rgba(192,132,252,.32),rgba(77,148,255,.26));color:#fff}.nav-link-cta.active{background:var(--grad)}.nav-more{position:relative}.nav-more-trigger{display:flex;align-items:center;gap:4px}.nav-more-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card2);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;min-width:200px;display:none;flex-direction:column;gap:1px;z-index:250}.nav-more.open .nav-more-menu{display:flex;animation:heroIn .18s ease both}.nav-more-menu .nav-link{width:100%;text-align:right;padding:10px 14px}.nav-sep{height:1px;background:var(--border);margin:6px 4px}.nav-right{display:flex;align-items:center;gap:9px;flex-shrink:0}.nav-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card2);font-size:17px;position:relative;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;border:1px solid var(--border)}.nav-icon:hover{background:var(--card3);border-color:var(--border2);transform:translateY(-1px)}.nav-icon:active{transform:translateY(0) scale(.94)}.nav-icon .dot{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 7px var(--red);animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}.wallet-pill{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:linear-gradient(135deg,rgba(255,182,39,.22),rgba(192,132,252,.22));border:1px solid var(--border2);font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:border-color .18s,transform .18s}.wallet-pill:hover{border-color:var(--purple-l);transform:translateY(-1px)}.mobile-menu-btn{display:none;font-size:22px;width:38px;height:38px;border-radius:10px;border:1px solid var(--border)}@media(min-width:768px){.mobile-menu-btn{display:none!important}.nav-links{display:none!important}}.desktop-nav button,.icon-btn,.nav-link,.nav-link-cta,.nav-more,.nav-more-trigger,.wallet-pill{align-self:center!important;flex:0 0 auto!important}.appbar-inner{align-items:center!important}.desktop-nav{align-items:center!important}@media(min-width:768px){.nav-more-menu{position:absolute!important;display:none;max-height:75vh;overflow-y:auto}.nav-more.open .nav-more-menu{display:flex!important}}.container{max-width:1240px;margin:0 auto;padding:0 16px}.page{display:none}.page.active{display:block;animation:pagein .16s cubic-bezier(.16,1,.3,1)}@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pagein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.grid{display:grid;gap:14px}.grid-products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.cat-row-section{margin-bottom:22px}.cat-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cat-row-head h3{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;margin:0}.cat-row-head .cat-count{color:var(--text3);font-size:12px;font-weight:600}.cat-row-more{font-size:12px;font-weight:700;color:var(--purple,#a855f7);background:0 0;border:none;cursor:pointer;white-space:nowrap}.cat-row-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.cat-row-scroll::-webkit-scrollbar{height:6px}.cat-row-scroll::-webkit-scrollbar-thumb{background:var(--border-str);border-radius:10px}.cat-row-scroll>.product-card,.cat-row-scroll>.usr-card{flex:0 0 190px;scroll-snap-align:start}@media(max-width:600px){.cat-row-scroll>.product-card,.cat-row-scroll>.usr-card{flex:0 0 150px}}.shop-loadmore-wrap{grid-column:1/-1;display:flex;justify-content:center;padding:18px 0}.grid-products.by-category{display:block}@media(max-width:600px){.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:380px){.grid-products{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}@media(max-width:767px){.hero::after,.hero::before{animation:none!important}.bn-btn.on::before{animation:none!important;width:60%!important}}.bn-btn,.btn,.card,.icon-btn,.nav-link,.pay-card,.product-card,.tab,.ticket-item,.user-row{will-change:transform;contain:layout style}.msg-wrap{contain:layout style;will-change:auto}.page.active{contain:layout}@media(min-width:769px){.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row.full{grid-column:1/-1}.reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-products{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-wrap{height:calc(100vh - 130px)}#adminTabs{flex-wrap:wrap;overflow-x:visible}.home-cats-row{display:flex!important}}@media(max-width:768px){.container{padding:16px 14px}.nav-brand{font-size:16px}.hero{padding:32px 14px 24px}.hero h1{font-size:20px;line-height:1.35}.hero p{font-size:13px}.hero-buttons{flex-direction:column;gap:8px}.hero-buttons .btn{width:100%;justify-content:center;padding:12px}.hero-stats{gap:10px}.hero-stats .stat .v{font-size:24px}.product-card{border-radius:10px}.product-body{padding:9px}.product-name{font-size:12px;line-height:1.3}.product-price{font-size:13px}.product-cat{font-size:10px}.product-img{border-radius:10px 10px 0 0}.pd-layout{grid-template-columns:1fr;gap:14px}.pd-info h1{font-size:20px}.pd-actions{flex-wrap:wrap;gap:8px}.pd-actions .btn{flex:1;min-width:140px}.pd-thumbs{gap:6px}.pd-thumb{width:50px;height:50px}.card{padding:14px}.grid-2,.grid-3{grid-template-columns:1fr}.subs-grid{grid-template-columns:1fr}.wallet-balance-card{padding:16px}.wbc-amount{font-size:32px}.wcur-tab{padding:8px 10px;font-size:12px}.tabs{gap:4px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.tab{padding:7px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.admin-form{grid-template-columns:1fr}.chat-hdr{padding:10px 12px;gap:8px}.msg{max-width:90%}.chat-input{padding:8px}.chat-input textarea{font-size:14px}.modal{padding:16px;max-height:96vh;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%}.reviews-grid{grid-template-columns:1fr}.reviews-slider{gap:10px}.review-bubble{min-width:200px;max-width:240px;padding:12px}.notif-panel{width:calc(100vw - 24px);right:12px;left:12px;max-width:100%}.gate-box{padding:20px 14px;margin:10px}.gate-logo{font-size:24px}.form-2{grid-template-columns:1fr}input,select,textarea{font-size:15px}.section-title{font-size:15px}.flex.gap-8.wrap{gap:6px}.home-cats-row{gap:8px;padding-bottom:6px}.home-cat-chip{padding:10px 12px;min-width:65px}.home-cat-chip .ci{font-size:24px}.home-cat-chip .cn{font-size:10px}.ticket-type-grid{grid-template-columns:1fr 1fr}.ticket-type-opt{padding:10px 8px;font-size:12px}.ticket-type-opt .tt-ico{font-size:22px;margin-bottom:4px}.table-wrap{overflow-x:auto}table{font-size:12px}td,th{padding:7px 8px}#adminTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}footer{padding:20px 14px}.news-ticker{height:30px;font-size:11px}.ratio-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sub-card{padding:14px}.sub-price{font-size:22px}.user-row{flex-wrap:wrap;gap:6px}.user-info{min-width:0;flex:1}.user-meta{font-size:10px;gap:4px;flex-wrap:wrap}}@media(max-width:480px){.nav{padding:0 10px}.hero h1{font-size:18px}.product-name{font-size:11px}.pd-actions .btn{min-width:120px}.modal{padding:12px}.wbc-amount{font-size:28px}.sub-price{font-size:20px}}.spinner{width:20px;height:20px;border:2.5px solid var(--surface2);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.center-spin{display:grid;place-items:center;padding:60px 0}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:22px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mt-2{margin-top:10px}.mt-3{margin-top:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.text-c{text-align:center}.text-s{font-size:12px}.text-xs{font-size:11px}.small{font-size:12px}.bold{font-weight:700}.mono{font-family:'IBM Plex Mono',monospace}.muted{color:var(--text2)}.muted2{color:var(--text3)}.divider,.separator{height:1px;background:var(--border);margin:12px 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.tag{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:700}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-row{margin-bottom:14px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.form-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.card:hover{border-color:var(--border-str);box-shadow:0 8px 28px rgba(0,0,0,.3),0 0 0 1px rgba(168,85,247,.08)}.card-glow{background:var(--surface);border:1px solid var(--border-str);border-radius:var(--r);padding:18px;box-shadow:var(--glow)}.section-title{font-size:19px;font-weight:900;margin-top:var(--gap-section);margin-bottom:20px;display:flex;align-items:center;gap:11px}.section-title::before{content:'';width:4px;height:22px;background:var(--grad);border-radius:2px;flex-shrink:0}.hero{margin:12px 0 8px;position:relative;overflow:hidden;border-radius:var(--r-xl);padding:24px;background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(59,130,246,.18) 50%,rgba(34,211,238,.15));border:1px solid var(--border-str);box-shadow:var(--shadow);text-align:center}.hero::before{content:'';position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(168,85,247,.4),transparent 50%);filter:blur(60px);animation:float 12s ease-in-out infinite}@keyframes float{50%{transform:translate(30px,-20px)}}.hero-body{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.1);border:1px solid var(--border-str);border-radius:100px;font-size:12px;font-weight:700;color:var(--text);margin-bottom:12px}.hero h1{font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.15;margin-bottom:8px;letter-spacing:-.5px;position:relative;z-index:1}.hero h1 span{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text2);font-size:15px;max-width:520px;margin:0 auto 16px;line-height:1.6;position:relative;z-index:1}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;margin:0 auto}.hero-buttons .btn{position:relative;z-index:1;padding:12px 22px;border-radius:100px;font-weight:800;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease}.hero-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:500px;margin:28px auto 0;position:relative;z-index:1}@keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center;transition:border-color .2s,transform .2s}.stat:hover{border-color:var(--border-str);transform:translateY(-2px)}.stat .v{font-size:28px;font-weight:900;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat .l{font-size:11px;color:var(--text2);margin-top:3px}.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}@media(max-width:600px){.p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:380px){.p-grid{grid-template-columns:1fr}}.p-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s,border-color .15s,box-shadow .18s;display:flex;flex-direction:column;position:relative;cursor:pointer}.p-card:hover{transform:translateY(-4px);border-color:var(--border-str);box-shadow:var(--shadow)}.p-media{aspect-ratio:1/1;background:var(--bg2);position:relative;overflow:hidden;display:grid;place-items:center}.p-media img{width:100%;height:100%;object-fit:cover}.p-media .p-emoji{font-size:64px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.p-tags{position:absolute;top:8px;inset-inline-start:8px;display:flex;flex-direction:column;gap:4px;z-index:2}.p-tag{padding:4px 8px;border-radius:100px;font-size:10px;font-weight:800;backdrop-filter:blur(10px);background:rgba(0,0,0,.5);color:#fff;display:inline-flex;align-items:center;gap:3px}.p-tag.hot{background:var(--grad-danger)}.p-tag.new{background:var(--grad3);color:#0a0a15}.p-tag.unlimited{background:var(--grad);color:#fff}.p-tag.out{background:rgba(0,0,0,.75);color:var(--text2)}.p-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.p-name{font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.p-cat{font-size:11px;color:var(--text3);font-weight:600}.p-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto}.p-price{font-size:16px;font-weight:900;color:var(--brand)}.p-price small{font-size:11px;color:var(--text3);font-weight:600;margin-inline-start:3px}.p-stock{font-size:11px;color:var(--text2);font-weight:600}.p-stock.low{color:var(--amber)}.p-stock.out{color:var(--red)}.p-add{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;transition:transform .15s}.p-add:active{transform:scale(.9)}.p-add:disabled{background:var(--surface2);color:var(--text3);cursor:not-allowed}.p-add svg{width:18px;height:18px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);border-color:var(--purple-l);box-shadow:var(--glow)}.product-card:active{transform:translateY(-1px) scale(.98)}.product-card.out-of-stock{opacity:.55}.product-card.out-of-stock .product-img::before{content:'نفدت الكمية';position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(8,8,16,.55);color:#fff;font-weight:800;font-size:13px;backdrop-filter:blur(2px)}.product-img{position:relative;width:100%;aspect-ratio:1/1;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--text3);overflow:hidden;flex-shrink:0}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.product-img.ratio-square{aspect-ratio:1/1}.product-img.ratio-landscape{aspect-ratio:16/9}.product-img.ratio-portrait{aspect-ratio:9/16}.product-img.ratio-auto{aspect-ratio:1/1}.product-img.live img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-img.live img{transform:scale(1.07)}.product-img.live::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}.product-card:hover .product-img.live::after{transform:translateX(120%)}.ratio-tag{position:absolute;top:7px;right:7px;background:rgba(8,8,16,.72);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:99px;font-size:10px;font-weight:800;padding:3px 8px;color:var(--text);display:flex;align-items:center;gap:4px;z-index:2}.media-tag{position:absolute;top:7px;left:7px;background:linear-gradient(135deg,#7b2d8b,#3b82f6);border-radius:99px;font-size:10px;font-weight:800;padding:3px 8px;color:#fff;display:flex;align-items:center;gap:3px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.35)}.dim-tag{position:absolute;bottom:7px;left:7px;background:rgba(8,8,16,.72);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:6px;font-size:10px;font-weight:700;padding:2px 7px;color:var(--text2);font-family:'IBM Plex Mono',monospace;z-index:2}.product-body{padding:12px;display:flex;flex-direction:column;gap:5px;flex:1}.product-name{font-weight:700;font-size:14px;line-height:1.35;min-height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-cat{font-size:11px;color:var(--text3)}.product-price{font-weight:900;font-size:17px;color:var(--gold);margin-top:auto}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:800px){.pd-layout{grid-template-columns:1fr}}.cart-layout{grid-template-columns:2fr 1fr;gap:18px}.cart-layout.cart-empty{grid-template-columns:1fr}@media(max-width:860px){.cart-layout{grid-template-columns:1fr}}.pd-gallery{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;padding:14px}.pd-main-img{position:relative;width:100%;aspect-ratio:1/1;background:var(--bg3);border-radius:var(--rs);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in;font-size:120px}.pd-main-img.ratio-square{aspect-ratio:1/1}.pd-main-img.ratio-landscape{aspect-ratio:16/9}.pd-main-img.ratio-portrait{aspect-ratio:9/16;max-height:520px;margin:0 auto;width:auto;max-width:100%}.pd-main-img.ratio-auto{aspect-ratio:auto;min-height:200px}.pd-main-img img{width:100%;height:100%;object-fit:contain}.pd-dim{display:inline-flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:700;padding:4px 10px;color:var(--text2);font-family:'IBM Plex Mono',monospace;margin-top:10px}.pd-dim b{color:var(--purple-l)}.pd-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.pd-thumb{width:62px;height:62px;flex-shrink:0;border-radius:8px;background:var(--bg3);cursor:pointer;border:2px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:24px}.pd-thumb.active{border-color:var(--purple-l)}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-info h1{font-size:22px;font-weight:900;margin-bottom:8px}.pd-info .price{font-size:30px;font-weight:900;color:var(--gold);margin:10px 0}.pd-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pd-desc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-top:22px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.pd-desc img{max-width:100%;border-radius:8px;cursor:zoom-in;display:block;margin:12px 0}.desc-img{border-radius:10px;cursor:zoom-in;display:block;margin:12px auto;border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.desc-img:hover{transform:scale(1.01);box-shadow:var(--glow)}.desc-img.s{max-width:220px;width:100%}.desc-img.m{max-width:420px;width:100%}.desc-img.l{max-width:680px;width:100%}.desc-img.full{max-width:100%;width:100%}.desc-img.left{margin-left:0;margin-right:auto}.desc-img.right{margin-right:0;margin-left:auto}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:95%;max-height:85vh;object-fit:contain;border-radius:10px}.lb-close{position:absolute;top:16px;left:16px;width:42px;height:42px;background:rgba(255,255,255,.1);border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.lb-nav{position:absolute;top:50%;width:44px;height:44px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transform:translateY(-50%)}.lb-prev{right:16px}.lb-next{left:16px}.sheet-backdrop{position:fixed;inset:0;z-index:2500;height:100dvh;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.sheet-backdrop.on{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:640px;background:var(--bg2);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--border-str);border-inline:1px solid var(--border);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);padding-bottom:var(--safe-b)}.sheet-backdrop.on .sheet{transform:translateY(0)}.sheet-handle{width:44px;height:5px;background:var(--surface2);border-radius:100px;margin:10px auto 4px;flex:0 0 auto}.sheet-head{padding:12px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.sheet-title{font-size:17px;font-weight:800}.sheet-body{padding:18px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.sheet-foot{padding:14px 20px 18px;border-top:1px solid var(--border);background:var(--bg2)}.more-search{position:relative;margin-bottom:12px}.more-search input{width:100%;padding:13px 44px;border-radius:16px;background:var(--bg3);border:1px solid var(--border2);font-weight:700}.more-search span{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);font-size:18px;color:var(--text2)}.more-primary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.more-menu-btn,.more-primary-btn{min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:background .15s,border-color .15s,transform .12s,color .15s}.more-primary-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;border-radius:14px;padding:9px 4px;font-size:11px;font-weight:800;text-align:center}.more-primary-btn b{font-size:20px;line-height:1}.more-primary-btn span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.more-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 7px;border-radius:var(--r-sm);font-size:12px;font-weight:800;min-height:78px;text-align:center}.more-menu-btn b{font-size:22px;line-height:1}.more-menu-btn span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-menu-btn:hover,.more-primary-btn:hover{background:var(--surface2);border-color:var(--border2);color:var(--text);transform:translateY(-1px)}.more-lang-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rs)}.more-lang-row button{padding:8px 12px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-weight:800;font-size:12px}.more-lang-row button.on{background:var(--grad);color:#fff;border-color:transparent}@media(max-width:480px){.more-primary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.more-primary-btn{font-size:10px;min-height:60px}.more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-body{padding:14px 14px 18px}}@media(min-width:768px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r-xl);border:1px solid var(--border-str);max-height:88vh;transform:translateY(20px) scale(.98)}.sheet-backdrop.on .sheet{transform:translateY(0) scale(1)}}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal-back.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border-str);border-radius:var(--r);max-width:560px;width:100%;max-height:92vh;overflow-y:auto;padding:24px;position:relative;animation:zoom .22s;box-shadow:var(--shadow)}@keyframes zoom{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal.wide{max-width:920px}.modal-close{position:absolute;top:12px;inset-inline-start:12px;width:32px;height:32px;border-radius:50%;background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid var(--border);z-index:2}.modal h2{margin-bottom:18px;font-size:19px;font-weight:800;padding-left:44px}@media(max-width:600px){.modal-back{align-items:flex-end}.modal{border-radius:18px 18px 0 0;max-height:94vh;width:100%;max-width:100%;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}}@keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.form-row{margin-bottom:14px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.form-2{grid-template-columns:1fr}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1000px 500px at 20% 10%,rgba(168,85,247,.2),transparent 60%),radial-gradient(800px 400px at 80% 90%,rgba(59,130,246,.15),transparent 60%)}.auth-card{width:100%;max-width:420px;background:rgba(18,18,42,.72);backdrop-filter:blur(20px);border:1px solid var(--border-str);border-radius:var(--r-xl);padding:32px 26px;box-shadow:var(--shadow-lg)}.auth-logo{width:72px;height:72px;border-radius:22px;background:var(--grad);display:grid;place-items:center;font-size:36px;color:#fff;margin:0 auto 16px;box-shadow:var(--glow)}.auth-title{font-size:24px;font-weight:900;text-align:center;margin-bottom:6px}.auth-sub{font-size:14px;color:var(--text2);text-align:center;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-switch{text-align:center;margin-top:16px;font-size:14px;color:var(--text2)}.auth-switch a{color:var(--brand);font-weight:700;cursor:pointer}.field-label{font-size:13px;font-weight:700;color:var(--text2);margin-bottom:6px;display:block}.auth-tabs{display:flex;gap:5px;margin-bottom:20px;background:var(--bg3);padding:4px;border-radius:var(--rs)}.auth-tab{flex:1;padding:9px;border-radius:8px;text-align:center;font-weight:700;font-size:13px;color:var(--text2);cursor:pointer;transition:.2s}.auth-tab.active{background:var(--grad);color:#fff}.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--border)}.ci:last-child{border-bottom:0}.ci-img{width:64px;height:64px;border-radius:var(--r-sm);background:var(--bg3);display:grid;place-items:center;flex:0 0 auto;overflow:hidden;font-size:28px}.ci-img img{width:100%;height:100%;object-fit:cover}.ci-body{flex:1;min-width:0}.ci-name{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:4px}.ci-price{font-size:13px;color:var(--brand);font-weight:800}.ci-qty{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:100px;padding:2px;border:1px solid var(--border)}.ci-qty button{width:28px;height:28px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-weight:900}.ci-qty span{min-width:24px;text-align:center;font-weight:800;font-size:14px}.cart-item{display:flex;gap:12px;padding:12px;background:var(--bg3);border-radius:var(--rs);align-items:center;margin-bottom:10px;border:1px solid var(--border);transition:border-color .18s}.cart-item:hover{border-color:var(--border2)}.cart-item .ph,.cart-item img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.cart-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;position:sticky;top:80px}@media(max-width:860px){.cart-summary{position:static}}.cart-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px;align-items:center}.cart-row.tot{font-weight:900;font-size:18px;color:var(--gold);border:none;padding-top:12px;margin-top:6px}.qty-ctrl{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.qty-ctrl button{width:30px;height:30px;font-weight:900;font-size:16px;transition:background .15s,color .15s}.qty-ctrl button:hover{background:var(--card2);color:var(--purple-l)}.qty-ctrl button:active{background:var(--card3)}.qty-ctrl span{padding:0 10px;font-weight:700;font-size:13px;min-width:30px;text-align:center}.cart-layout{grid-template-columns:2fr 1fr;gap:18px}.cart-layout.cart-empty{grid-template-columns:1fr}@media(max-width:860px){.cart-layout{grid-template-columns:1fr}}.chat-wrap{display:grid;grid-template-columns:290px 1fr;gap:14px;height:calc(100vh - 120px);min-height:500px}@media(max-width:800px){.chat-wrap{grid-template-columns:1fr;height:auto}.chat-wrap.show-conv .chat-list{display:none}.chat-wrap:not(.show-conv) .chat-area{display:none}}@media(min-width:801px){#chatBackBtn{display:none!important}}.chat-list{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.chat-list-hdr{padding:14px;border-bottom:1px solid var(--border);font-weight:700;display:flex;align-items:center;justify-content:space-between}.chat-list-body{flex:1;overflow-y:auto}.ticket-item{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:.14s;border-right:3px solid transparent}.ticket-item:hover{background:var(--bg3)}.ticket-item.active{background:var(--card2);border-right-color:var(--purple-l)}.ticket-item.closed{opacity:.5}.ticket-item .t-title{font-weight:700;font-size:14px;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ticket-item .t-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:6px}.ticket-item .t-type{font-size:10px;padding:2px 8px;border-radius:99px;display:inline-block;margin-top:4px}.ticket-item .t-type.order{color:var(--gold);background:rgba(240,165,0,.15)}.ticket-item .t-type.support{color:var(--blue);background:rgba(59,130,246,.15)}.chat-area{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-height:500px}.chat-hdr{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);flex-shrink:0}.online-dot.off{background:var(--red);box-shadow:0 0 5px rgba(239,68,68,.6)}.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg2)}.msg{max-width:76%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word;white-space:pre-wrap}.msg.in{background:var(--card2);border-bottom-right-radius:4px;border:1px solid var(--border)}.msg.out{background:var(--grad);color:#fff;border-bottom-left-radius:4px}.msg.sys{align-self:center;background:rgba(168,85,247,.12);color:var(--purple-l);font-size:11px;font-weight:700;padding:5px 12px;border-radius:99px;border:1px solid rgba(168,85,247,.2)}.msg{padding:9px 12px;border-radius:18px;font-size:14px;word-break:break-word;line-height:1.5}.msg .meta{font-size:10px;margin-top:4px;opacity:.6;text-align:right}.msg .meta{font-size:10px;opacity:.6;margin-top:4px}.msg img{max-width:100%;border-radius:8px;margin-top:6px;cursor:zoom-in}.msg.invoice{background:var(--bg3);border:1px solid var(--gold);max-width:88%;align-self:flex-start}.invoice-h{font-weight:900;color:var(--gold);margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:6px}.invoice-rows{font-size:12px;line-height:1.8}.chat-input{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;background:var(--bg2)}.chat-input textarea{min-height:42px;max-height:120px;resize:none;flex:1}.typing{font-size:11px;color:var(--text3);padding:4px 14px;font-style:italic}.voice-msg{display:flex;align-items:center;gap:10px;background:var(--card2);padding:8px 14px;border-radius:20px;max-width:82%;border:1px solid var(--border)}.voice-msg .play-btn{width:30px;height:30px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;cursor:pointer;flex-shrink:0}.voice-wave{display:flex;align-items:center;gap:2px;flex:1}.voice-wave span{width:3px;background:var(--purple-l);border-radius:2px;animation:vw 1s infinite ease-in-out}.voice-wave span:first-child{height:6px}.voice-wave span:nth-child(2){height:13px;animation-delay:.1s}.voice-wave span:nth-child(3){height:8px;animation-delay:.2s}.voice-wave span:nth-child(4){height:17px;animation-delay:.3s}.voice-wave span:nth-child(5){height:10px;animation-delay:.4s}@keyframes vw{0%,100%{height:6px}50%{height:18px}}.voice-duration{font-size:11px;color:var(--text3);min-width:36px}.rec-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(230,57,70,.1);border-top:1px solid var(--border);display:none}.rec-bar.active{display:flex}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:pulse 1s infinite}.rec-timer{color:var(--red);font-weight:700;font-size:13px;min-width:46px;font-family:'IBM Plex Mono',monospace}.inv-confirm-bar{background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.3);border-radius:var(--rs);padding:12px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;margin:8px 12px}.inv-confirm-bar.active{display:flex}.table-wrap{overflow-x:auto;background:var(--card);border-radius:var(--r);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}td,th{padding:11px 14px;text-align:right;border-bottom:1px solid var(--border)}th{background:var(--bg3);font-weight:700;color:var(--text2);font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg3)}.toast-wrap{position:fixed;top:calc(80px + var(--safe-t));inset-inline:0;z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:12px 18px;border-radius:100px;font-weight:700;font-size:14px;background:var(--bg2);border:1px solid var(--border-str);color:var(--text);box-shadow:var(--shadow-lg);animation:t-in .25s ease;pointer-events:auto;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px)}.toast.ok{border-color:rgba(34,197,94,.5)}.toast.err{border-color:rgba(239,68,68,.5)}.toast.success{border-color:rgba(34,197,94,.5)}.toast.error{border-color:rgba(239,68,68,.5)}.toast.warn{border-color:rgba(251,191,36,.5)}.toast svg{width:18px;height:18px;flex:0 0 auto}@keyframes t-in{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tabs{display:flex;gap:4px;background:var(--bg3);padding:4px;border-radius:100px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 15px;border-radius:100px;font-weight:700;font-size:13px;color:var(--text2);white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,transform .12s}.tab:hover{color:var(--text);background:rgba(255,255,255,.04)}.tab:active{transform:scale(.96)}.tab.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.3)}.tab.active:hover{color:#fff}.notif-panel{position:fixed;top:70px;left:18px;width:340px;max-width:92vw;background:var(--card);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);z-index:400;display:none;overflow:hidden;max-height:80vh}.notif-panel.open{display:flex;flex-direction:column}.notif-panel-hdr{padding:12px 16px;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notif-list{overflow-y:auto;padding:6px;flex:1}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 10px;border-radius:10px;margin-bottom:4px;cursor:pointer;transition:.14s;border:1px solid transparent}.notif-item:hover{background:var(--card2)}.notif-item.unread{background:rgba(168,85,247,.07);border-color:rgba(168,85,247,.15)}.notif-item .n-ico{width:34px;height:34px;border-radius:9px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.notif-item .n-body{flex:1;min-width:0}.notif-item .n-title{font-weight:700;font-size:13px;margin-bottom:2px}.notif-item .n-text{font-size:12px;color:var(--text2)}.notif-item .n-time{font-size:10px;color:var(--text3);margin-top:3px}.notif-empty{text-align:center;padding:30px;color:var(--text2);font-size:13px}.wallet-balance-card{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(255,182,39,.15) 60%,rgba(59,130,246,.12));border:1px solid var(--border-str);border-radius:var(--rl);padding:28px;position:relative;overflow:hidden;margin-bottom:18px;box-shadow:0 8px 32px rgba(147,51,234,.12)}.wallet-balance-card::before{content:'';position:absolute;top:-50px;left:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.18),transparent 70%)}.wallet-balance-card::after{content:'💰';position:absolute;top:20px;left:24px;font-size:34px;opacity:.18;filter:blur(.3px)}.wbc-label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;position:relative;z-index:1}.wbc-amount{font-size:48px;font-weight:900;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;position:relative;z-index:1}.wbc-cur{font-size:22px;font-weight:800;color:var(--text2);margin-top:2px;position:relative;z-index:1}.wbc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:1}.wallet-cur-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.wcur-tab{padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:var(--card2);font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .18s,transform .18s,background .18s;font-family:'IBM Plex Mono',monospace}.wcur-tab:hover{border-color:var(--border2);transform:translateY(-1px)}.wcur-tab.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(147,51,234,.3)}.tx-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.tx-item:last-child{border-bottom:none}.tx-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tx-in{background:rgba(34,197,94,.12)}.tx-out{background:rgba(239,68,68,.12)}.tx-info{flex:1;min-width:0}.tx-type{font-weight:700;font-size:13px}.tx-note{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{font-weight:900;font-size:15px;font-family:'IBM Plex Mono',monospace;white-space:nowrap}.tx-date{font-size:10px;color:var(--text3);margin-top:2px}.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.pay-card{border-radius:14px;padding:18px;cursor:pointer;border:2px solid transparent;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.pay-card:hover{transform:translateY(-2px)}.pay-card:active{transform:translateY(0) scale(.98)}.pay-card.active{border-color:#fff;box-shadow:0 0 0 3px rgba(168,85,247,.3)}.pay-card.active::after{content:'✓';position:absolute;top:10px;left:10px;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--purple);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}.pay-wallet{background:linear-gradient(135deg,#7b2d8b,#a855f7)}.pay-asia{background:linear-gradient(135deg,#b91c1c,#e63946)}.pay-master{background:linear-gradient(135deg,#1e3a5f,#2563eb)}.pay-icon{font-size:28px;margin-bottom:8px}.pay-name{font-weight:800;color:#fff;font-size:14px;margin-bottom:4px}.pay-desc{font-size:11px;color:rgba(255,255,255,.7)}.pay-num{font-family:'IBM Plex Mono',monospace;font-size:13px;color:rgba(255,255,255,.85);margin-top:4px;font-weight:600}.copy-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;margin-top:8px}.copy-row .num{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:700;color:#fff;flex:1}.copy-btn{background:rgba(255,255,255,.15);border:none;border-radius:6px;color:#fff;padding:5px 10px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:700}.copy-btn:hover{background:rgba(255,255,255,.25)}.redeem-wrap{max-width:520px;margin:0 auto}.code-input-row{display:flex;gap:10px}.code-input-row input{font-family:'IBM Plex Mono',monospace;letter-spacing:2px;font-size:16px;text-align:center;font-weight:700}.guide-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:14px;transition:.2s}.guide-card:hover{border-color:var(--border2)}.guide-video{width:100%;aspect-ratio:16/9;background:var(--bg3);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:12px;overflow:hidden}.guide-video iframe,.guide-video img{width:100%;height:100%;object-fit:cover;border:none}.tut-steps{display:flex;flex-direction:column;gap:14px;margin-top:6px}.tut-step{display:flex;gap:12px;align-items:flex-start}.tut-step .tut-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7b2d8b,#3b82f6);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 12px rgba(123,45,139,.4)}.tut-step b{font-size:14.5px;color:var(--text)}.tut-step p{font-size:13px;color:var(--text2);line-height:1.7;margin-top:3px}.pay-methods{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pay-m{display:flex;gap:10px;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.pay-m .pm-ico{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.pay-m b{font-size:13.5px;color:var(--text);display:block}.pay-m small{font-size:11.5px;color:var(--text2);display:block;margin-top:1px}.rank-bar{height:8px;background:var(--bg3);border-radius:4px;overflow:hidden;margin:6px 0}.rank-fill{height:100%;border-radius:4px;background:var(--grad);transition:width .5s ease}.rank-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800}.admin-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:18px}.admin-tabs{align-items:center}.atab-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 2px;flex-shrink:0}@media(max-width:768px){.atab-sep{display:none}}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form .full{grid-column:1/-1}@media(max-width:600px){.admin-form{grid-template-columns:1fr}}.ratio-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:520px){.ratio-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.ratio-opt{border:1.5px solid var(--border);background:var(--bg3);border-radius:var(--rs);padding:10px 8px;text-align:center;cursor:pointer;transition:.18s}.ratio-opt:hover{border-color:var(--border2)}.ratio-opt.active{border-color:var(--purple-l);background:rgba(168,85,247,.1);box-shadow:0 0 0 3px rgba(168,85,247,.12)}.ratio-opt .shape{margin:0 auto 7px;background:var(--card2);border:1px solid var(--border2);border-radius:4px}.ratio-opt.active .shape{background:var(--grad);border:none}.ratio-opt .sq{width:30px;height:30px}.ratio-opt .ld{width:38px;height:22px}.ratio-opt .pt{width:22px;height:38px}.ratio-opt .au{width:30px;height:30px;background:repeating-conic-gradient(var(--card2) 0 25%,var(--bg3) 0 50%) 50%/10px 10px}.ratio-opt .nm{font-size:11.5px;font-weight:800;color:var(--text)}.ratio-opt .sz{font-size:9.5px;color:var(--text3);font-family:'IBM Plex Mono',monospace;margin-top:3px;line-height:1.5}.live-preview{position:relative;background:var(--bg3);border:1px dashed var(--border2);border-radius:var(--rs);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:8px;min-height:120px;max-height:300px}.live-preview img{max-width:100%;max-height:300px;object-fit:contain;display:block}.live-preview .ph{font-size:40px;color:var(--text3);padding:30px}.live-preview .pv-dim{position:absolute;bottom:6px;left:6px;background:rgba(8,8,16,.78);border:1px solid var(--border);border-radius:6px;font-size:10px;font-weight:700;padding:2px 8px;color:var(--text2);font-family:'IBM Plex Mono',monospace}.img-manager{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.img-chip{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:24px}.img-chip img{width:100%;height:100%;object-fit:cover}.img-chip .rm{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:rgba(230,57,70,.92);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.media-toggle{display:flex;gap:6px}.media-toggle .mt-opt{flex:1;border:1.5px solid var(--border);background:var(--bg3);border-radius:var(--rs);padding:9px;text-align:center;cursor:pointer;font-size:12.5px;font-weight:800;color:var(--text2);transition:.18s}.media-toggle .mt-opt.active{border-color:var(--purple-l);background:rgba(168,85,247,.1);color:var(--text)}.api-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:99px;font-size:12px;font-weight:800;border:1px solid var(--border)}.desc-img-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.desc-img-bar input{flex:1;min-width:160px}.desc-img-bar select{width:auto;min-width:90px}.api-pill.on{background:rgba(34,197,94,.12);color:var(--green);border-color:rgba(34,197,94,.3)}.api-pill.off{background:rgba(96,96,128,.12);color:var(--text2)}.api-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.api-pill.on .api-dot{box-shadow:0 0 7px var(--green);animation:pulse 1.6s infinite}.img-upload-area{border:2px dashed var(--border);border-radius:var(--rs);padding:20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;background:var(--bg3)}.img-upload-area:hover{border-color:var(--purple-l);background:rgba(168,85,247,.05)}.img-upload-area.dragover{border-color:var(--purple-l);background:rgba(168,85,247,.1)}.user-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.user-row:hover{background:var(--bg3)}.user-row:active{background:var(--card2)}.user-av{width:40px;height:40px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;overflow:visible;position:relative}.user-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{flex:1;min-width:0}.user-name{font-weight:700;font-size:14px}.user-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.role-badge{padding:2px 9px;border-radius:99px;font-size:10px;font-weight:800}.role-owner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-streator{background:linear-gradient(135deg,#e63946,#7b2d8b);color:#fff}.role-mod{background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff}.role-user{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.disc-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg3);border-radius:var(--rs);margin-bottom:8px;border:1px solid var(--border)}.disc-code{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--gold);font-size:14px}.profile-av{width:90px;height:90px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;margin:0 auto 14px;border:3px solid var(--purple-l);overflow:hidden;cursor:pointer;position:relative;box-shadow:0 0 0 6px rgba(168,85,247,.12),var(--glow)}.profile-head-row{display:flex;align-items:center;gap:14px;text-align:right;margin-bottom:18px}.profile-head-row .profile-av{margin:0;flex-shrink:0}.profile-head-info{flex:1;min-width:0}.profile-lang-pick{position:relative;flex-shrink:0}.profile-lang-btn{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border2);border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;color:var(--text)}.profile-lang-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;z-index:20;min-width:120px;display:none}.profile-lang-menu.open{display:block}.profile-lang-menu button{width:100%;text-align:right;padding:9px 12px;font-size:13px;background:0 0;border:none;cursor:pointer;color:var(--text);display:flex;align-items:center;gap:8px}.profile-lang-menu button:hover{background:var(--bg3)}.profile-lang-menu button.on{color:var(--purple-l);font-weight:800}.profile-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-av .ch{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;font-size:13px;color:#fff}.profile-av:hover .ch{display:flex}.profile-cover{width:100%;height:120px;border-radius:var(--r) var(--r) 0 0;background:var(--grad);overflow:hidden;position:relative;cursor:pointer}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover .ch{position:absolute;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;font-size:14px;color:#fff}.profile-cover:hover .ch{display:flex}.profile-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.profile-gallery .gimg{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--bg3)}.profile-gallery .gimg img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.profile-gallery .gimg .rm{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:rgba(230,57,70,.92);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.profile-gallery .add{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:2px dashed var(--border2);border-radius:8px;cursor:pointer;font-size:24px;color:var(--text3);background:var(--bg3)}.search-box{position:relative;margin-bottom:16px}.search-box input{padding-right:40px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:15px}.empty{text-align:center;padding:48px 20px;color:var(--text2);display:flex;flex-direction:column;align-items:center;animation:heroIn .4s ease both}.empty .ico,.empty-icon{font-size:56px;margin-bottom:12px;opacity:.5;filter:drop-shadow(0 4px 12px rgba(168,85,247,.15))}.empty p,.empty-desc{font-size:14px;max-width:320px;line-height:1.6}.empty p:first-of-type,.empty-title{font-weight:700;color:var(--text);font-size:17px;margin-bottom:4px}.section{padding:20px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;padding:0 4px}.section-more{color:var(--brand);font-weight:700;font-size:13px;display:flex;gap:4px;align-items:center;padding:6px 10px;border-radius:100px;transition:background .15s}.section-more:hover{background:var(--brand-glow)}.gate{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:radial-gradient(ellipse 70% 50% at 20%15%,rgba(230,57,70,.14),transparent 55%),radial-gradient(ellipse 70% 50% at 80% 85%,rgba(123,45,139,.18),transparent 55%),rgba(8,8,16,.97);backdrop-filter:blur(10px)}.gate.open{display:flex}.gate-box{width:100%;max-width:420px;text-align:center;animation:fadein .35s ease}.gate-logo{font-size:34px;font-weight:900;background:var(--grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.gate-sub{color:var(--text2);font-size:14px;margin-bottom:26px;line-height:1.7}.gate-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:right;padding:15px 16px;border-radius:var(--r);margin-bottom:10px;border:1px solid var(--border);background:var(--card);transition:.2s;cursor:pointer}.gate-opt:hover{transform:translateY(-2px);border-color:var(--purple-l);box-shadow:var(--glow)}.gate-opt.primary{background:var(--grad);border:none}.gate-opt .gi{font-size:24px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);flex-shrink:0}.gate-opt .gt{flex:1}.gate-opt .gt b{display:block;font-size:15px;color:#fff}.gate-opt .gt span{font-size:12px;color:rgba(255,255,255,.75)}#guestBanner{background:linear-gradient(135deg,rgba(240,165,0,.12),rgba(168,85,247,.1));border:1px solid rgba(168,85,247,.2);border-radius:var(--rs);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:13px}#guestBanner.show{display:flex}.separator{height:1px;background:var(--border);margin:16px 0}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tag{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:700}@media(max-width:600px){.pd-actions{flex-wrap:wrap}.pd-actions .btn{flex:1;min-width:120px}.chat-wrap{height:auto}.wallet-balance-card{padding:18px}.wbc-amount{font-size:36px}}.product-img.ratio-landscape{aspect-ratio:16/9}.product-img.ratio-portrait{aspect-ratio:9/16}.product-img.ratio-auto{aspect-ratio:1/1}.product-img.ratio-square{aspect-ratio:1/1}.product-img.live img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-img.live img{transform:scale(1.07)}.ratio-tag{position:absolute;top:7px;right:7px;background:rgba(8,8,16,.75);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:99px;font-size:10px;font-weight:800;padding:3px 8px;color:var(--text);display:flex;align-items:center;gap:4px;z-index:2}.media-tag{position:absolute;top:7px;left:7px;background:linear-gradient(135deg,#7b2d8b,#3b82f6);border-radius:99px;font-size:10px;font-weight:800;padding:3px 8px;color:#fff;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.35)}.ticket-items-fixed{flex-shrink:0}.ti-bar{background:var(--bg3);border-bottom:1px solid var(--border)}.ti-bar-head{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;user-select:none}.ti-bar-head .ti-toggle{margin-right:auto;font-size:10px;color:var(--text3);transition:.2s}.ti-bar.collapsed .ti-toggle{transform:rotate(-90deg)}.ti-bar-body{display:flex;gap:8px;padding:0 14px 10px;overflow-x:auto;scrollbar-width:thin}.ti-bar.collapsed .ti-bar-body{display:none}.ti-item{display:flex;align-items:center;gap:6px;background:var(--card);border-radius:10px;padding:6px 10px;border:1px solid var(--border);flex-shrink:0}.order-form-msg{align-self:stretch;background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(59,130,246,.08));border:1px solid var(--purple-l);border-radius:12px;padding:0;margin:6px 0;overflow:hidden}.order-form-msg .ofm-head{background:rgba(168,85,247,.2);padding:7px 12px;font-size:12px;font-weight:800;color:var(--purple-l)}.order-form-msg .ofm-body{padding:10px 12px;font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-word}.imgs-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.imgs-preview .ip{position:relative;width:80px;height:80px;border-radius:8px;border:1.5px solid var(--border2);overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:24px}.imgs-preview .ip img{width:100%;height:100%;object-fit:cover}.imgs-preview .ip .rm{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:rgba(230,57,70,.9);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.home-cats-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.home-cat-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;flex-shrink:0;transition:border-color .18s,transform .18s,background .18s;min-width:80px}.home-cat-chip:hover{border-color:var(--purple-l);transform:translateY(-2px)}.home-cat-chip:active{transform:translateY(0) scale(.96)}.home-cat-chip .ci{font-size:30px;transition:transform .18s}.home-cat-chip:hover .ci{transform:scale(1.1)}.home-cat-chip .cn{font-size:11px;font-weight:700;text-align:center;color:var(--text2);white-space:nowrap}.news-card{background:var(--card);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;margin-bottom:14px;transition:border-color .2s,transform .2s;display:flex;align-items:stretch}.news-card:hover{border-color:var(--border3);transform:translateY(-2px)}.news-card.pinned{border-color:rgba(255,182,39,.45);background:linear-gradient(120deg,rgba(255,182,39,.07),var(--card) 40%)}.news-card-img{width:140px;flex-shrink:0;object-fit:cover;display:block}.news-card:not(:has(.news-card-img)) .news-card-body::before{content:'📢';font-size:30px;flex-shrink:0;margin-left:14px;display:flex;align-items:center}.news-card-body{padding:18px 20px;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.news-card-title{font-weight:800;font-size:15.5px;margin-bottom:5px}.news-card-content{color:var(--text2);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-card-meta{font-size:11px;color:var(--text3);margin-top:8px}@media(max-width:600px){.news-card-img{width:90px}}.subs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.sub-card{background:var(--card);border:2px solid var(--border);border-radius:var(--r);padding:20px;text-align:center;transition:.2s;position:relative}.sub-card:hover{transform:translateY(-3px);box-shadow:var(--glow)}.sub-card.featured{border-color:var(--purple-l)}.sub-badge{position:absolute;top:-10px;right:50%;transform:translateX(50%);background:var(--grad);color:#fff;font-size:11px;font-weight:800;padding:3px 12px;border-radius:99px}.sub-name{font-size:18px;font-weight:900;margin-bottom:8px}.sub-price{font-size:28px;font-weight:900;color:var(--gold)}.sub-price .cur{font-size:14px;font-weight:400}.sub-discount{font-size:13px;color:var(--green);margin:8px 0}.sub-desc{font-size:12px;color:var(--text2);line-height:1.6;margin:10px 0}.reviews-slider{display:flex;gap:14px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.review-bubble{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;min-width:260px;max-width:300px;flex-shrink:0}.review-bubble .rv-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.review-bubble .rv-av{width:36px;height:36px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.review-bubble .rv-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.review-bubble .rv-name{font-weight:700;font-size:13px}.review-bubble .rv-meta{font-size:11px;color:var(--text3)}.review-bubble .rv-text{font-size:13px;color:var(--text2);line-height:1.6}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:520px;overflow-y:auto}.rv-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px}.rv-card .rv-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rv-card .rv-av{width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden}.rv-card .rv-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rv-card .rv-name{font-weight:700;font-size:13px}.rv-card .rv-meta{font-size:11px;color:var(--text3);margin-top:2px}.rv-card .rv-body{font-size:13px;color:var(--text2);line-height:1.65;margin-top:4px}.rv-card .rv-actions{margin-top:8px;display:flex;gap:6px;opacity:0;transition:.2s}.rv-card:hover .rv-actions{opacity:1}.rv-marquee-section{padding:32px 0;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(168,85,247,.04),transparent)}.rv-marquee-section .section-title{text-align:center;margin-bottom:20px}.rv-marquee-wrap{display:flex;flex-direction:column;gap:12px;overflow:hidden}.rv-marquee-row{display:flex;gap:14px;width:max-content;animation:scrollRv 28s linear infinite}.rv-marquee-row.reverse{animation-direction:reverse;animation-duration:35s}.rv-marquee-row:hover{animation-play-state:paused}@keyframes scrollRv{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.rv-bubble{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 20px;min-width:240px;max-width:300px;flex-shrink:0;transition:transform .2s,box-shadow .2s}.rv-bubble:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.rv-bubble .rvb-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rv-bubble .rvb-av{width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.rv-bubble .rvb-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rv-bubble .rvb-name{font-weight:700;font-size:13px;line-height:1.2}.rv-bubble .rvb-date{font-size:10px;color:var(--text3)}.rv-bubble .rvb-stars{font-size:13px;margin-bottom:6px}.rv-bubble .rvb-text{font-size:12px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ticket-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}@media(max-width:500px){.ticket-type-grid{grid-template-columns:1fr}}.ticket-type-opt{border:2px solid var(--border);background:var(--bg3);border-radius:var(--rs);padding:14px;cursor:pointer;text-align:center;transition:.18s;font-size:13px;font-weight:700}.ticket-type-opt:hover{border-color:var(--border2)}.ticket-type-opt.active{border-color:var(--purple-l);background:rgba(168,85,247,.1)}.ticket-type-opt .tt-ico{font-size:28px;margin-bottom:6px}.news-ticker{background:linear-gradient(90deg,var(--purple-d),var(--blue));border-bottom:1px solid var(--border);overflow:hidden;height:34px;display:flex;align-items:center;font-size:12px}.news-ticker .nt-label{flex-shrink:0;padding:0 14px;font-weight:800;color:#fff;background:rgba(0,0,0,.25);height:100%;display:flex;align-items:center;gap:6px}.news-ticker .nt-scroll{overflow:hidden;flex:1;position:relative;height:100%;display:flex;align-items:center}.news-ticker .nt-inner{white-space:nowrap;animation:ntscroll 30s linear infinite;color:rgba(255,255,255,.9);padding-right:60px}@keyframes ntscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cms-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:16px}.cms-section-hdr{padding:14px 18px;background:var(--card2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cms-section-hdr h4{font-size:14px;font-weight:800;margin:0}.cms-section-body{padding:18px}.code-insp-result{max-height:340px;overflow-y:auto}.rv-bubbles-wrap{display:flex;flex-direction:column;gap:10px}.rv-bubble-item{display:flex;gap:12px;align-items:flex-start}.rv-bubble-item .rbi-av{width:40px;height:40px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.rv-bubble-item .rbi-bubble{background:var(--card);border:1px solid var(--border);border-radius:0 14px 14px 14px;padding:10px 14px;flex:1;min-width:0}.rv-bubble-item.mine .rbi-bubble{background:rgba(168,85,247,.1);border-color:var(--purple-l);border-radius:14px 0 14px 14px}.rv-bubble-item .rbi-name{font-weight:700;font-size:13px;margin-bottom:4px}.rv-bubble-item .rbi-text{font-size:13px;color:var(--text2);line-height:1.6}.rv-bubble-item .rbi-meta{font-size:10px;color:var(--text3);margin-top:6px;display:flex;gap:8px;align-items:center}.of-builder{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:12px}.of-field-row{display:flex;gap:8px;align-items:center;padding:8px;background:var(--bg3);border-radius:var(--rs);margin-bottom:6px;border:1px solid var(--border)}.of-field-row input,.of-field-row select{flex:1}.of-field-row .of-rm{width:32px;height:32px;border-radius:8px;background:rgba(239,68,68,.15);color:var(--red);display:grid;place-items:center;cursor:pointer;flex-shrink:0;border:1px solid rgba(239,68,68,.25)}.of-preview{background:var(--bg3);border:1px dashed var(--border2);border-radius:var(--rs);padding:14px;margin-top:12px}.of-target{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.of-target .chip{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;border:1px solid var(--border);background:var(--bg3);cursor:pointer;transition:.15s}.of-target .chip.active{background:var(--grad);color:#fff;border-color:transparent}@media(max-width:767px){#app{padding-bottom:calc(88px + var(--safe-b))}.bottom-nav{position:fixed;left:0;right:0;width:100%;max-width:100%;height:calc(67px + var(--safe-b));bottom:0;top:auto;margin:0;padding:6px 4px calc(6px + var(--safe-b));box-sizing:border-box}.appbar-lang{display:none}.owner-badge-text{display:none}#ownerStatusBadge .owner-badge{padding:5px 8px}.bn-btn{min-height:52px;padding:6px 2px;font-size:10px;box-sizing:border-box}.bn-btn svg{width:24px;height:24px}.bn-btn.on{color:var(--brand)}.bn-btn.on::before{height:3px;animation:bnSlide .2s ease}}@keyframes bnSlide{from{width:0}to{width:60%}}.switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:#3a3a4a;border-radius:26px;transition:.2s}.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--green,#0a8a3f)}.switch input:checked+.slider:before{transform:translateX(20px)}:root{--bg:#07060f!important;--bg2:#0d0b1a!important;--bg3:#151228!important;--card:#120f24!important;--card2:#1a1632!important;--card3:#221c40!important;--surface:rgba(255,255,255,.045)!important;--surface2:rgba(255,255,255,.08)!important;--border:rgba(0,240,255,.16)!important;--border-str:rgba(0,240,255,.4)!important;--border2:rgba(255,0,200,.3)!important;--border3:rgba(255,0,200,.55)!important;--text:#f2f4ff!important;--text2:#9ea3d6!important;--text3:#666c9e!important;--brand:#ff2ec4!important;--brand2:#00f0ff!important;--brand-glow:rgba(255,46,196,.45)!important;--accent:#00f0ff!important;--gold:#ffd23f!important;--green:#00ffa3!important;--red:#ff3b6b!important;--amber:#ffb800!important;--blue:#4f7bff!important;--purple:#a742ff!important;--purple-l:#c58bff!important;--purple-d:#5b1f9e!important;--sky:#00f0ff!important;--grad:linear-gradient(135deg,#ff2ec4 0%,#a742ff 45%,#00f0ff 100%)!important;--grad2:linear-gradient(135deg,#ffd23f,#ff8a00)!important;--grad3:linear-gradient(135deg,#00ffa3,#00f0ff)!important;--grad-danger:linear-gradient(135deg,#ff3b6b,#ff2ec4)!important;--shadow-sm:0 4px 14px rgba(0,0,0,.5)!important;--shadow:0 10px 32px rgba(0,0,0,.55)!important;--shadow-lg:0 22px 60px rgba(0,0,0,.65)!important;--glow:0 0 44px rgba(255,46,196,.35)!important}body{background:var(--bg);background-image:radial-gradient(1100px 600px at 12% -8%,rgba(255,46,196,.16),transparent 60%),radial-gradient(900px 550px at 92% 6%,rgba(0,240,255,.13),transparent 60%),radial-gradient(800px 500px at 45% 105%,rgba(167,66,255,.14),transparent 60%)!important}::-webkit-scrollbar{width:6px!important;height:6px!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff2ec4,#00f0ff)!important;border-radius:3px!important}.appbar{backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);background:rgba(7,6,15,.72)!important;border-bottom:1px solid rgba(0,240,255,.22)!important;box-shadow:0 1px 0 rgba(255,46,196,.15)}.appbar-inner{flex-direction:row!important;align-items:center!important;height:auto!important;padding:10px 16px;gap:10px}.appbar-logo{font-weight:900;font-size:17px}.appbar-logo-icon{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ff2ec4,#a742ff 55%,#00f0ff);display:grid;place-items:center;font-size:19px;box-shadow:0 0 22px rgba(255,46,196,.55),0 0 10px rgba(0,240,255,.4)}.appbar-search input{background:rgba(255,255,255,.05);border-radius:100px;padding:10px 40px;border:1px solid rgba(0,240,255,.18);font-size:13.5px}.appbar-search input:focus{border-color:#00f0ff;box-shadow:0 0 0 3px rgba(0,240,255,.18)}.icon-btn{width:40px;height:40px;border-radius:13px;height:auto!important;align-self:auto!important;background:rgba(255,255,255,.05);border:1px solid rgba(0,240,255,.16);transition:transform .12s,background .15s,box-shadow .15s}.icon-btn:hover{background:rgba(255,255,255,.09);box-shadow:0 0 16px rgba(0,240,255,.25)}.icon-btn:active{transform:scale(.9)}.icon-btn.on{background:var(--grad);border-color:transparent}.bottom-nav{backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);background:rgba(9,7,18,.94)!important;border-top:1px solid rgba(0,240,255,.18)!important;padding:7px 6px calc(7px + var(--safe-b))}.bn-btn{border-radius:14px;padding:7px 2px;color:var(--text3)}.bn-btn.on{color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.6)}.bn-btn.on::before{height:3px;border-radius:100px;background:linear-gradient(90deg,#ff2ec4,#00f0ff);box-shadow:0 0 8px rgba(0,240,255,.6)}.bn-btn svg{width:21px;height:21px}.bn-btn span:not(.bn-badge){font-size:10.5px}@media(min-width:768px) and (max-width:1024px){.appbar-inner{flex-wrap:nowrap;gap:8px}.appbar-search{display:none}.appbar-lang{display:none}.desktop-nav{gap:2px;margin-inline-start:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:calc(100vw - 260px)}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav button,.nav-more-trigger{padding:8px 10px;font-size:12.5px;white-space:nowrap}.nav-more-menu{max-width:88vw;max-height:70vh;overflow-y:auto;position:absolute!important}.bottom-nav{display:none!important}#app{padding-bottom:32px}}.desktop-nav button.on,.nav-more-menu .nav-link.active{background:var(--grad)!important;color:#fff!important;box-shadow:0 0 16px rgba(255,46,196,.4)}.hero{margin:14px 16px 6px;padding:34px 22px;border-radius:28px;text-align:center;background:linear-gradient(150deg,rgba(255,46,196,.18),rgba(167,66,255,.14) 50%,rgba(0,240,255,.14));border:1px solid rgba(0,240,255,.28);box-shadow:0 0 50px rgba(255,46,196,.18),0 14px 34px rgba(0,0,0,.45);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:-45%;background:radial-gradient(circle at 25% 25%,rgba(255,46,196,.4),transparent 52%),radial-gradient(circle at 75% 75%,rgba(0,240,255,.3),transparent 52%);filter:blur(58px);animation:neonFloat 14s ease-in-out infinite;pointer-events:none}@keyframes neonFloat{50%{transform:translate(24px,-16px) rotate(6deg)}}.hero h1{position:relative;z-index:1;font-size:clamp(20px,4vw,30px);font-weight:900;line-height:1.3;margin-bottom:9px;background:linear-gradient(90deg,#fff,#c58bff 60%,#00f0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{position:relative;z-index:1;color:var(--text2);font-size:14px;max-width:520px;margin:0 auto 18px;line-height:1.7}.hero-buttons{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;justify-content:center;align-items:center!important}.hero-buttons .btn{border-radius:100px;font-weight:800;padding:11px 20px;font-size:13.5px;height:auto!important}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:440px;margin:20px auto 0}.hero-stats .stat{background:rgba(255,255,255,.05);border:1px solid rgba(0,240,255,.2);border-radius:16px;padding:11px 6px;backdrop-filter:blur(8px)}.hero-stats .stat .v{font-size:19px;font-weight:900;background:linear-gradient(135deg,#ff2ec4,#00f0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats .stat .l{font-size:10.5px;color:var(--text3);font-weight:700;margin-top:2px}.home-cat-chip{background:rgba(255,255,255,.04);border:1px solid rgba(0,240,255,.16);border-radius:18px;padding:13px 16px;min-width:78px;transition:transform .18s,border-color .18s,box-shadow .18s}.home-cat-chip:hover{border-color:rgba(255,46,196,.55);transform:translateY(-3px);box-shadow:0 8px 22px rgba(255,46,196,.25)}.home-cat-chip .ci{font-size:24px}.home-cat-chip .cn{font-size:10.5px;font-weight:700;color:var(--text2)}.section-title{font-weight:900;display:flex;align-items:center;gap:9px}.section-title::before{content:'';width:5px;height:19px;border-radius:100px;background:linear-gradient(180deg,#ff2ec4,#00f0ff);box-shadow:0 0 10px rgba(255,46,196,.5)}.product-card{background:rgba(255,255,255,.035);border:1px solid rgba(0,240,255,.14);border-radius:18px;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);border-color:rgba(255,46,196,.5);box-shadow:0 0 26px rgba(255,46,196,.22),0 14px 30px rgba(0,0,0,.4)}.product-card:active{transform:translateY(-1px) scale(.98)}.product-img{background:linear-gradient(150deg,var(--bg3),var(--bg2))}.product-body{padding:12px}.product-name{font-size:13.5px;font-weight:700;line-height:1.4}.product-cat{font-size:10.5px;color:var(--text3);font-weight:600}.product-price{font-size:16px;font-weight:900;margin-top:auto;background:linear-gradient(135deg,#ffd23f,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}.product-price span{-webkit-text-fill-color:initial;background:0 0;color:var(--text3)}.usr-card{border-radius:16px;transition:transform .2s,box-shadow .2s}.usr-card:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(0,240,255,.2)}.btn{border-radius:100px;font-weight:700;transition:transform .12s,box-shadow .18s,background .15s;height:auto!important;align-self:auto!important}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#ff2ec4,#a742ff 55%,#00f0ff);color:#fff;box-shadow:0 8px 24px rgba(255,46,196,.4);border:none}.btn-primary:hover{box-shadow:0 0 28px rgba(255,46,196,.55);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#ffd23f,#ff8a00);color:#1a1208;font-weight:800;border:none}.btn-gold:hover{box-shadow:0 8px 24px rgba(255,180,0,.4);transform:translateY(-1px)}.btn-green,.btn-success{background:linear-gradient(135deg,#00ffa3,#00f0ff);color:#03251c;font-weight:800;border:none}.btn-danger,.btn-red{background:linear-gradient(135deg,#ff3b6b,#ff2ec4);color:#fff;border:none}.btn-ghost{background:rgba(255,255,255,.045);border:1px solid rgba(0,240,255,.18);color:var(--text)}.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(0,240,255,.4)}.btn-outline{background:0 0;border:1px solid rgba(255,46,196,.5);color:var(--text)}.btn-outline:hover{background:rgba(255,46,196,.1)}.card{border-radius:17px;border:1px solid rgba(0,240,255,.12);background:rgba(255,255,255,.03)}.card:hover{border-color:rgba(0,240,255,.24)}.badge{border-radius:100px;font-weight:800;padding:3px 9px;font-size:10px}.badge-gold{background:rgba(255,210,63,.14);color:#ffd23f;border:1px solid rgba(255,210,63,.3)}.badge-green{background:rgba(0,255,163,.14);color:#00ffa3;border:1px solid rgba(0,255,163,.3)}.badge-red{background:rgba(255,59,107,.14);color:#ff6b8f;border:1px solid rgba(255,59,107,.3)}.badge-blue,.badge-sky{background:rgba(0,240,255,.14);color:#00f0ff;border:1px solid rgba(0,240,255,.3)}.badge-purple{background:rgba(167,66,255,.14);color:#c58bff;border:1px solid rgba(167,66,255,.3)}.badge-count{background:linear-gradient(135deg,#ff2ec4,#ff3b6b)!important;box-shadow:0 0 10px rgba(255,46,196,.5)}input,select,textarea{background:rgba(255,255,255,.04);border:1px solid rgba(0,240,255,.16);border-radius:12px}input:focus,select:focus,textarea:focus{border-color:#00f0ff;box-shadow:0 0 0 3px rgba(0,240,255,.18)}.tab{border-radius:100px;transition:background .15s,color .15s,box-shadow .15s}.tab.active,.tab.on{background:var(--grad)!important;color:#fff!important;box-shadow:0 0 14px rgba(255,46,196,.4)}.sheet{border-radius:24px 24px 0 0;border-top:1px solid rgba(0,240,255,.28);background:var(--bg2)}@media(min-width:768px){.sheet{border-radius:22px;border:1px solid rgba(0,240,255,.28)}}.sheet-backdrop{background:rgba(0,0,0,.7)}.bubble,.msg-bubble{border-radius:16px;background:var(--surface2);border:1px solid rgba(0,240,255,.12)}.msg-row.me .bubble,.msg-wrap.me .bubble{background:var(--grad);border-color:transparent;color:#fff}.pay-card{border-radius:16px;border:1px solid rgba(0,240,255,.18);background:rgba(255,255,255,.035);transition:border-color .15s,box-shadow .15s}.pay-card.on,.pay-card:hover{border-color:rgba(255,46,196,.5);box-shadow:0 0 18px rgba(255,46,196,.2)}.ticket-item,.user-row{border-radius:14px;border:1px solid rgba(0,240,255,.1);transition:border-color .15s}.ticket-item:hover,.user-row:hover{border-color:rgba(0,240,255,.3)}.appbar-actions{height:auto!important;align-items:center!important}.rpc-wrap{max-width:920px;margin:0 auto}.rpc-hero{text-align:center;padding:18px 12px 6px}.rpc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.16));border:1px solid var(--border2);font-size:12px;font-weight:800;color:var(--accent)}.rpc-hero h2{font-size:26px;margin:14px 0 8px}.rpc-hero p{color:var(--text2);font-size:14px;max-width:560px;margin:0 auto}.rpc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.rpc-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px 8px;text-align:center}.rpc-stat b{display:block;font-size:19px;color:var(--text)}.rpc-stat span{font-size:11px;color:var(--text3);font-weight:700}@media(max-width:640px){.rpc-stats{grid-template-columns:repeat(2,1fr)}}.rpc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px}.rpc-tabs{display:flex;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:99px;padding:4px;margin-bottom:18px}.rpc-tab{flex:1;text-align:center;padding:10px 8px;border-radius:99px;font-weight:800;font-size:13.5px;color:var(--text2);cursor:pointer;transition:background .18s,color .18s}.rpc-tab.active{background:linear-gradient(135deg,var(--accent),#a855f7);color:#0a0a15}.rpc-drop{border:2px dashed var(--border-str);border-radius:var(--r);padding:30px 14px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s}.rpc-drop.drag,.rpc-drop:hover{border-color:var(--accent);background:rgba(34,211,238,.06)}.rpc-drop .ico{font-size:34px;margin-bottom:8px}.rpc-drop b{display:block;font-size:14.5px;margin-bottom:4px}.rpc-drop span{font-size:12px;color:var(--text3)}.rpc-file{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rs);padding:10px 14px;margin-top:2px}.rpc-file b{font-size:13px}.rpc-file span{font-size:11.5px;color:var(--text3)}.rpc-file button{color:var(--red);font-size:18px;line-height:1;padding:4px}.rpc-label{font-size:12px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin:18px 0 10px}.rpc-versions{display:flex;flex-wrap:wrap;gap:8px}.rpc-v{padding:9px 14px;border-radius:99px;border:1px solid var(--border);background:var(--bg3);font-size:13px;font-weight:700;color:var(--text2);cursor:pointer;transition:all .15s;position:relative}.rpc-v:hover{border-color:var(--border2)}.rpc-v.active{background:linear-gradient(135deg,var(--accent),#a855f7);color:#0a0a15;border-color:transparent}.rpc-v.latest::after{content:"الأحدث";position:absolute;top:-9px;inset-inline-end:-4px;background:var(--gold);color:#1a1400;font-size:9px;font-weight:900;padding:1px 5px;border-radius:6px}.rpc-go{width:100%;margin-top:20px;padding:14px;border-radius:var(--rs);border:none;font-weight:900;font-size:15px;cursor:pointer;color:#0a0a15;background:linear-gradient(135deg,var(--accent),#a855f7);display:flex;align-items:center;justify-content:center;gap:8px}.rpc-go:disabled{opacity:.6;cursor:not-allowed}.rpc-hint{text-align:center;font-size:11.5px;color:var(--text3);margin-top:8px}.rpc-result{margin-top:16px}.rpc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.rpc-flow div{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rs);padding:12px 10px;text-align:center;font-size:11.5px;color:var(--text2)}.rpc-flow div b{display:block;color:var(--text);font-size:13px;margin-bottom:4px}@media(max-width:640px){.rpc-flow{grid-template-columns:repeat(2,1fr)}}.rpc-faq{margin-top:26px}.rpc-faq-item{border:1px solid var(--border);border-radius:var(--rs);margin-bottom:8px;overflow:hidden}.rpc-faq-q{padding:13px 16px;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.rpc-faq-a{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .2s ease,padding .2s ease;font-size:13px;color:var(--text2);line-height:1.7}.rpc-faq-item.open .rpc-faq-a{padding:0 16px 14px;max-height:200px}.rpc-faq-item.open .rpc-faq-q svg{transform:rotate(180deg)}.rpc-select-wrap{position:relative}.rpc-select-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border-radius:var(--rs);border:1px solid var(--border2);background:var(--bg3);cursor:pointer;font-weight:800;font-size:14px;color:var(--text)}.rpc-select-btn:hover{border-color:var(--accent)}.rpc-select-btn .chev{transition:transform .15s;color:var(--text3);font-size:12px}.rpc-select-wrap.open .rpc-select-btn .chev{transform:rotate(180deg)}.rpc-select-btn .tag-latest{background:var(--gold);color:#1a1400;font-size:9px;font-weight:900;padding:2px 6px;border-radius:6px;margin-inline-start:6px}.rpc-select-list{display:none;position:absolute;z-index:20;top:calc(100% + 6px);inset-inline:0;max-height:280px;overflow-y:auto;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rs);box-shadow:0 12px 28px rgba(0,0,0,.4)}.rpc-select-wrap.open .rpc-select-list{display:block}.rpc-select-group-label{padding:9px 14px 4px;font-size:10.5px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.4px}.rpc-select-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--text2)}.rpc-select-item:hover{background:rgba(255,255,255,.05)}.rpc-select-item.active{background:rgba(34,211,238,.1);color:var(--text)}.rpc-select-item .ic{font-size:14px}.rpc-select-item .check{margin-inline-start:auto;color:var(--accent);font-weight:900}.rpc-select-divider{border-top:1px solid var(--border);margin:4px 0}.rpc-select-item.bedrock-opt{border-top:1px solid var(--border)}.rpc-progress-wrap{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--rs);padding:14px 16px}.rpc-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;margin-bottom:8px}.rpc-progress-top #rpProgPct{color:var(--accent)}.rpc-progress-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.rpc-progress-fill{height:100%;border-radius:99px;background:linear-gradient(135deg,var(--accent),#a855f7);transition:width .15s ease}.gm-hero{background:linear-gradient(135deg,rgba(123,45,139,.2),rgba(59,130,246,.1));border:1px solid rgba(168,85,247,.3);border-radius:18px;padding:22px 18px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden}.gm-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 0,rgba(168,85,247,.2),transparent 70%);pointer-events:none}.gm-title{font-size:22px;font-weight:900;background:linear-gradient(135deg,#a855f7,#f0a500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gm-coins-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(240,165,0,.15);border:1.5px solid rgba(240,165,0,.4);border-radius:99px;font-size:16px;font-weight:900;cursor:pointer;margin-top:12px}.gm-coins-pill .gm-cn{color:var(--gold);font-size:18px}.gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:16px}@media(max-width:480px){.gc-grid{grid-template-columns:1fr 1fr 1fr}}.gc{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:14px 10px;text-align:center;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.gc:hover{border-color:var(--purple-l);transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,45,139,.2)}.gc-ico{font-size:34px;margin-bottom:7px;display:block}.gc-name{font-size:11px;font-weight:900;margin-bottom:2px}.gc-prize{font-size:10px;color:var(--gold)}.gc-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:800;padding:2px 5px;border-radius:99px}.gm-tabs{display:flex;gap:3px;overflow-x:auto;padding-bottom:1px;margin-bottom:14px;scrollbar-width:none;border-bottom:1px solid var(--border)}.gm-tabs::-webkit-scrollbar{display:none}.gm-tab{padding:7px 13px;border-radius:8px 8px 0 0;font-size:11px;font-weight:700;color:var(--text2);cursor:pointer;white-space:nowrap;border:1px solid transparent;border-bottom:none;margin-bottom:-1px;transition:.15s}.gm-tab.active{background:var(--card);border-color:var(--border);border-bottom-color:var(--card);color:var(--purple-l)}.gm-panel{display:none}.gm-panel.active{display:block;animation:fadein .2s ease}.pred-card{background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-bottom:10px;transition:.2s}.pred-card:hover{border-color:var(--border2)}.pred-hd{padding:12px 14px 9px;border-bottom:1px solid var(--border)}.pred-title{font-size:13px;font-weight:800;margin-bottom:5px}.pred-bd{padding:9px 14px 12px}.opt-r{display:flex;align-items:center;gap:6px;margin-bottom:6px;cursor:pointer;padding:7px 9px;border-radius:7px;border:1px solid var(--border);transition:.15s}.opt-r:hover{border-color:var(--purple-l);background:rgba(168,85,247,.06)}.opt-r.sel{border-color:var(--purple-l);background:rgba(168,85,247,.11)}.opt-r.won{border-color:var(--green)!important;background:rgba(34,197,94,.09)!important}.opt-r.lost{opacity:.45}.opt-lbl{font-weight:700;font-size:12px;flex:1}.opt-bw{flex:2}.opt-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.opt-fill{height:100%;border-radius:2px;background:var(--grad);transition:width .8s}.opt-pct{font-size:10px;color:var(--text2);min-width:26px;text-align:right}.opt-cnt{font-size:10px;color:var(--text3);white-space:nowrap}.quiz-q{font-size:14px;font-weight:800;margin-bottom:12px;line-height:1.5}.quiz-o{padding:10px 13px;border:1px solid var(--border);border-radius:var(--rs);cursor:pointer;font-size:13px;font-weight:600;transition:.18s;margin-bottom:6px}.quiz-o:hover:not(.dis){border-color:var(--purple-l);background:rgba(168,85,247,.07)}.quiz-o.ok{border-color:var(--green)!important;background:rgba(34,197,94,.1)!important;color:var(--green)!important}.quiz-o.ng{border-color:var(--red)!important;background:rgba(230,57,70,.08)!important;color:var(--red)!important}.quiz-o.dis{pointer-events:none;opacity:.8}.q-prog{height:4px;background:var(--bg3);border-radius:2px;margin-bottom:12px;overflow:hidden}.q-prog-f{height:100%;background:var(--grad);border-radius:2px;transition:width .4s}.wh-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}#gmWheel{border-radius:50%;box-shadow:0 0 36px rgba(168,85,247,.3),0 0 0 4px rgba(168,85,247,.2)}.wh-res{font-size:16px;font-weight:900;color:var(--gold);min-height:24px;text-align:center}.wish-c{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;position:relative;overflow:hidden;transition:.2s}.wish-c:hover{border-color:var(--border2)}.sp-orb{display:inline-block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#f0a500);animation:gmOrb 2s ease-in-out infinite;box-shadow:0 0 5px rgba(168,85,247,.5)}@keyframes gmOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}.adv-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:7px;margin:10px 0}.adv-l{background:var(--card2);border:1px solid var(--border);border-radius:9px;padding:10px;text-align:center;cursor:pointer;transition:.2s;font-size:11px;font-weight:700}.adv-l:hover{border-color:var(--purple-l)}.adv-l.cur{border-color:var(--gold);background:rgba(240,165,0,.1)}.adv-l .li{font-size:24px;display:block;margin-bottom:3px}.adv-acts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.adv-b{background:var(--card2);border:1px solid var(--border);border-radius:9px;padding:10px;text-align:center;cursor:pointer;transition:.2s;font-weight:700;font-size:11px}.adv-b:hover{border-color:var(--purple-l);background:rgba(168,85,247,.07)}.adv-b .bi{font-size:22px;display:block;margin-bottom:3px}.adv-stats{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.adv-st{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;flex:1;min-width:60px;text-align:center}.adv-log{max-height:160px;overflow-y:auto;margin-top:8px}.adv-li{padding:5px 9px;background:var(--bg3);border-radius:5px;margin-bottom:3px;font-size:11px;border-right:3px solid var(--purple-l)}.train-wrap{position:relative;background:#050510;border-radius:13px;overflow:hidden;border:1px solid var(--border);margin:8px 0}#trainCanvas{display:block;width:100%;cursor:pointer}.train-hud{display:flex;justify-content:space-between;padding:7px 12px;font-weight:900;font-size:13px;background:rgba(0,0,0,.3)}.lb-r{display:flex;align-items:center;gap:9px;padding:8px 11px;background:var(--card2);border-radius:8px;margin-bottom:5px}.lb-rk{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;background:var(--bg3);flex-shrink:0}.lb-rk.r1{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.lb-rk.r2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.lb-rk.r3{background:linear-gradient(135deg,#cd7f32,#a05020);color:#fff}.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}.bc-card{background:var(--card2);border:1px solid var(--border);border-radius:9px;padding:11px;text-align:center;cursor:pointer;transition:.2s}.bc-card:hover{border-color:var(--purple-l);transform:translateY(-2px)}.bc-coins{font-size:17px;font-weight:900;color:var(--gold)}.bc-price{font-size:10px;color:var(--text2);margin-top:2px}.gm-adm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px;margin-bottom:10px}.daily-box{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(59,130,246,.07));border:1.5px solid rgba(168,85,247,.28);border-radius:13px;padding:13px;text-align:center;margin-bottom:13px}html[data-theme=neon-purple]{--bg:#07060f;--bg2:#0e0b1e;--bg3:#171033;--card:#150f2b;--card2:#1d1440;--card3:#271a55;--border:rgba(168,85,247,.22);--border-str:rgba(168,85,247,.45);--border2:rgba(168,85,247,.45);--border3:rgba(196,132,252,.7);--text:#f6f2ff;--text2:#b9aee2;--text3:#7a6fa8;--brand:#b558ff;--brand2:#7c3aed;--brand-glow:rgba(181,88,255,.55);--accent:#22d3ee;--purple:#a855f7;--purple-l:#d8b4fe;--sky:#5ce1ff;--grad:linear-gradient(135deg,#c084fc 0%,#8b5cf6 50%,#22d3ee 100%);--glow:0 0 34px rgba(181,88,255,.42)}html[data-theme=neon-cyber]{--bg:#04090f;--bg2:#07131d;--bg3:#0b1e2c;--card:#0a1a26;--card2:#0f2434;--card3:#143046;--border:rgba(34,211,238,.22);--border-str:rgba(34,211,238,.5);--border2:rgba(34,211,238,.45);--border3:rgba(103,232,249,.75);--text:#eafcff;--text2:#95c7d6;--text3:#5d8798;--brand:#22d3ee;--brand2:#0ea5e9;--brand-glow:rgba(34,211,238,.5);--accent:#a3e635;--purple:#22d3ee;--purple-l:#67e8f9;--sky:#7dd3fc;--grad:linear-gradient(135deg,#22d3ee 0%,#0ea5e9 50%,#a3e635 100%);--grad3:linear-gradient(135deg,#22d3ee,#a3e635);--glow:0 0 34px rgba(34,211,238,.42)}html[data-theme=neon-emerald]{--bg:#04100c;--bg2:#071a14;--bg3:#0b271d;--card:#0a2118;--card2:#0e2c21;--card3:#12392b;--border:rgba(34,197,94,.22);--border-str:rgba(34,197,94,.5);--border2:rgba(34,197,94,.45);--border3:rgba(134,239,172,.7);--text:#eefff5;--text2:#9ad4b4;--text3:#5f9179;--brand:#22c55e;--brand2:#059669;--brand-glow:rgba(34,197,94,.5);--accent:#facc15;--purple:#22c55e;--purple-l:#86efac;--sky:#5eead4;--grad:linear-gradient(135deg,#4ade80 0%,#10b981 55%,#facc15 100%);--glow:0 0 34px rgba(34,197,94,.4)}html[data-theme=neon-sunset]{--bg:#120508;--bg2:#1e0a10;--bg3:#2b0f18;--card:#240c14;--card2:#31121c;--card3:#411826;--border:rgba(244,63,94,.22);--border-str:rgba(244,63,94,.5);--border2:rgba(244,63,94,.45);--border3:rgba(253,164,175,.7);--text:#fff1f4;--text2:#e0aab6;--text3:#a2707c;--brand:#fb7185;--brand2:#f43f5e;--brand-glow:rgba(251,113,133,.5);--accent:#fbbf24;--purple:#fb7185;--purple-l:#fda4af;--sky:#fdba74;--grad:linear-gradient(135deg,#fb7185 0%,#f97316 55%,#fbbf24 100%);--glow:0 0 34px rgba(251,113,133,.42)}html[data-theme=midnight-blue]{--bg:#050914;--bg2:#0a1226;--bg3:#101c3a;--card:#0d1730;--card2:#132040;--card3:#1a2c56;--border:rgba(59,130,246,.22);--border-str:rgba(59,130,246,.5);--border2:rgba(59,130,246,.45);--border3:rgba(147,197,253,.7);--text:#eef4ff;--text2:#a6bce0;--text3:#6d84a8;--brand:#60a5fa;--brand2:#2563eb;--brand-glow:rgba(96,165,250,.5);--accent:#22d3ee;--purple:#60a5fa;--purple-l:#93c5fd;--sky:#7dd3fc;--grad:linear-gradient(135deg,#60a5fa 0%,#2563eb 55%,#22d3ee 100%);--glow:0 0 34px rgba(96,165,250,.4)}html[data-theme=light-soft]{--bg:#f6f5fb;--bg2:#ffffff;--bg3:#eeecf7;--card:#ffffff;--card2:#f4f2fb;--card3:#e9e6f6;--surface:rgba(0,0,0,.03);--surface2:rgba(0,0,0,.05);--border:rgba(124,58,237,.16);--border-str:rgba(124,58,237,.34);--border2:rgba(124,58,237,.28);--border3:rgba(124,58,237,.5);--text:#1a1330;--text2:#5b5480;--text3:#8a83aa;--brand:#7c3aed;--brand2:#6d28d9;--brand-glow:rgba(124,58,237,.25);--accent:#0891b2;--purple:#7c3aed;--purple-l:#8b5cf6;--sky:#0ea5e9;--grad:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 55%,#0891b2 100%);--shadow-sm:0 4px 12px rgba(31,20,60,.08);--shadow:0 10px 30px rgba(31,20,60,.12);--shadow-lg:0 20px 60px rgba(31,20,60,.16);--glow:0 0 30px rgba(124,58,237,.18)}html[data-theme=amoled]{--bg:#000000;--bg2:#070707;--bg3:#101010;--card:#0b0b0b;--card2:#141414;--card3:#1c1c1c;--border:rgba(255,255,255,.12);--border-str:rgba(255,255,255,.28);--border2:rgba(255,255,255,.2);--border3:rgba(255,255,255,.4);--text:#ffffff;--text2:#a7a7a7;--text3:#6d6d6d;--brand:#e5e5e5;--brand2:#a3a3a3;--brand-glow:rgba(255,255,255,.25);--grad:linear-gradient(135deg,#525252,#171717);--glow:0 0 26px rgba(255,255,255,.14)}html[data-theme=neon-gold]{--bg:#0d0904;--bg2:#181008;--bg3:#241a0c;--card:#1c130a;--card2:#291c0e;--card3:#382712;--border:rgba(251,191,36,.22);--border-str:rgba(251,191,36,.5);--border2:rgba(251,191,36,.42);--border3:rgba(253,224,71,.7);--text:#fff9ec;--text2:#d9bd8a;--text3:#9c8258;--brand:#fbbf24;--brand2:#d97706;--brand-glow:rgba(251,191,36,.5);--accent:#f59e0b;--purple:#fbbf24;--purple-l:#fde68a;--sky:#facc15;--grad:linear-gradient(135deg,#fde68a 0%,#fbbf24 50%,#d97706 100%);--glow:0 0 34px rgba(251,191,36,.42)}html[data-theme=neon-rose]{--bg:#0f0510;--bg2:#1a0a1c;--bg3:#280f2c;--card:#1f0c22;--card2:#2b1130;--card3:#3a1740;--border:rgba(236,72,153,.22);--border-str:rgba(236,72,153,.5);--border2:rgba(236,72,153,.42);--border3:rgba(244,114,182,.7);--text:#fff0f9;--text2:#dda6c6;--text3:#996f8b;--brand:#ec4899;--brand2:#a21caf;--brand-glow:rgba(236,72,153,.5);--accent:#c084fc;--purple:#ec4899;--purple-l:#f9a8d4;--sky:#e879f9;--grad:linear-gradient(135deg,#f9a8d4 0%,#ec4899 50%,#a21caf 100%);--glow:0 0 34px rgba(236,72,153,.42)}html[data-fsize="s"]{font-size:14px}html[data-fsize="m"]{font-size:15.5px}html[data-fsize="l"]{font-size:17px}html[data-fsize=xl]{font-size:18.5px}html[data-round=soft]{--r:16px;--rs:12px;--r-sm:12px;--r-lg:22px;--rl:24px}html[data-round=round]{--r:24px;--rs:18px;--r-sm:16px;--r-lg:30px;--rl:32px}html[data-round=sharp]{--r:6px;--rs:5px;--r-sm:5px;--r-lg:8px;--rl:8px}html[data-motion=off] *{animation:none!important;transition:none!important}html[data-glow=on] .btn-primary,html[data-glow=on] .fab-up{box-shadow:var(--glow)}html[data-glow=off]{--glow:none}/* ══════ 2) WELCOME / ONBOARDING ══════ */ .up-ov{position:fixed;inset:0;z-index:9600;background:rgba(4,2,12,.86);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:16px}.up-ov.open{display:flex}html[data-theme=light-soft] .up-ov{background:rgba(240,238,250,.9)}.up-card{width:100%;max-width:460px;max-height:92dvh;overflow:auto;background:linear-gradient(160deg,var(--card2),var(--bg2));border:1px solid var(--border-str);border-radius:var(--r-lg);padding:22px 18px calc(18px + var(--safe-b));box-shadow:var(--shadow-lg),var(--glow);position:relative}.up-slide{display:none;text-align:center}.up-slide.on{display:block;animation:upIn .35s ease}@keyframes upIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.up-emoji{font-size:52px;line-height:1;margin-bottom:10px;filter:drop-shadow(0 0 18px var(--brand-glow))}.up-title{font-size:20px;font-weight:900;margin-bottom:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.up-text{color:var(--text2);font-size:14px;line-height:1.85;margin-bottom:14px}.up-dots{display:flex;justify-content:center;gap:7px;margin:14px 0 12px}.up-dot{width:8px;height:8px;border-radius:50%;background:var(--border2);transition:.25s}.up-dot.on{width:26px;border-radius:6px;background:var(--grad)}.up-row{display:flex;gap:8px}.up-row .btn{flex:1}.up-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.up-th{cursor:pointer;border:2px solid var(--border);border-radius:var(--rs);padding:8px;background:var(--bg3);text-align:center;transition:.2s}.up-th:hover{transform:translateY(-2px)}.up-th.on{border-color:var(--brand);box-shadow:var(--glow)}.up-th .sw{height:30px;border-radius:8px;margin-bottom:6px}.up-th .nm{font-size:11px;font-weight:700;color:var(--text2)}.up-seg{display:flex;gap:6px;flex-wrap:wrap}.up-seg button{flex:1;min-width:60px;padding:9px 6px;border-radius:var(--rs);border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.up-seg button.on{background:var(--grad);color:#fff;border-color:transparent}.up-step{display:flex;gap:12px;text-align:right;padding:12px;border:1px solid var(--border);border-radius:var(--rs);background:var(--bg3);margin-bottom:10px}.up-step .n{flex:0 0 32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.up-step .h{font-weight:800;font-size:14px;margin-bottom:3px}.up-step .p{color:var(--text2);font-size:12.5px;line-height:1.7}.ttb-toggle{position:fixed;top:calc(8px + var(--safe-t));inset-inline-end:10px;z-index:9401;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-str);background:var(--card2);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s,background .2s,border-color .2s}.ttb-toggle:hover{background:var(--surface2)}.ttb-toggle.open{transform:rotate(180deg);background:var(--grad);border-color:transparent;color:#fff}.top-tools-bar{position:fixed;top:0;inset-inline:0;z-index:9400;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:calc(10px + var(--safe-t)) 54px 10px;background:rgba(10,10,21,.92);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-str);box-shadow:var(--shadow);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .25s ease}html[data-theme=light-soft] .top-tools-bar{background:rgba(255,255,255,.94)}.top-tools-bar.open{transform:translateY(0);opacity:1;pointer-events:auto}.ttb-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:100px;background:var(--surface);border:1px solid var(--border2);color:var(--text);font-size:13px;font-weight:700;white-space:nowrap;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.ttb-btn:hover{background:var(--surface2);border-color:var(--brand);transform:translateY(-1px)}.ttb-btn .ic{font-size:16px}@media(max-width:520px){.top-tools-bar{padding-inline-end:50px}.ttb-btn{padding:8px 12px;font-size:12px}}.top-tools-bar,.ttb-drawer-backdrop,.ttb-toggle{display:none!important}.fab-badge{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:10px;padding:1px 5px}.chatw{position:fixed;left:14px;bottom:calc(18px + var(--safe-b));width:min(370px,calc(100vw - 28px));height:min(560px,72dvh);background:var(--bg2);border:1px solid var(--border-str);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),var(--glow);z-index:9500;display:none;flex-direction:column;overflow:hidden}.chatw.open{display:flex;animation:upIn .28s ease}@media(max-width:768px){.chatw{left:8px;right:8px;width:auto;height:min(600px,80dvh);bottom:calc(78px + var(--safe-b))}}.chatw-head{padding:12px 14px;background:var(--grad);color:#fff;display:flex;align-items:center;gap:10px}.chatw-head .av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:19px}.chatw-head .nm{font-weight:800;font-size:14px}.chatw-head .st{font-size:11px;opacity:.9}.chatw-head .x{margin-inline-start:auto;background:rgba(0,0,0,.18);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:15px}.chatw-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.cmsg{max-width:84%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.cmsg.bot{align-self:flex-end;background:var(--card2);border:1px solid var(--border);border-bottom-right-radius:5px;color:var(--text)}.cmsg.me{align-self:flex-start;background:var(--grad);color:#fff;border-bottom-left-radius:5px}.cmsg .tm{display:block;font-size:9.5px;opacity:.6;margin-top:4px}.ctyping{align-self:flex-end;display:flex;gap:4px;padding:11px 14px;background:var(--card2);border-radius:16px;border:1px solid var(--border)}.ctyping i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:cbl 1s infinite}.ctyping i:nth-child(2){animation-delay:.15s}.ctyping i:nth-child(3){animation-delay:.3s}.cmsg.ucp-extras{background:0 0;border:none;padding:0;max-width:92%;display:flex;flex-direction:column;gap:8px}.ucp-card{display:flex;gap:10px;background:var(--card2);border:1px solid var(--border);border-radius:14px;padding:10px;align-items:flex-start}.ucp-img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg3)}.ucp-body{flex:1;min-width:0}.ucp-name{font-weight:800;font-size:13px;color:var(--text)}.ucp-price{font-size:12.5px;color:var(--brand);font-weight:700;margin-top:2px}.ucp-usage{font-size:12px;color:var(--text2);margin-top:4px;line-height:1.6;white-space:pre-wrap}.ucp-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ucp-btn{font-size:11.5px;padding:6px 10px;border-radius:9px;background:var(--bg3);border:1px solid var(--border-str);color:var(--text);text-decoration:none;font-weight:700}.ucp-pay{font-size:12.5px;background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:9px 12px;color:var(--text2);line-height:1.7}.ucb-row{display:flex;flex-wrap:wrap;gap:6px}.ucb-btn{font-size:12px;padding:7px 12px;border-radius:20px;background:var(--card2);border:1px solid var(--border-str);color:var(--text);cursor:pointer;text-decoration:none;font-weight:700}.ucb-btn.ucb-primary{background:var(--grad);color:#fff;border:none}@keyframes cbl{0%,100%,60%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.cquick{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg2)}.cquick button{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:20px;padding:6px 11px;font-size:11.5px;cursor:pointer;font-family:inherit;font-weight:600}.cquick button:hover{border-color:var(--brand);color:var(--text)}.chatw-foot{display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--border);background:var(--bg2)}.chatw-foot input{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:22px;padding:10px 14px;color:var(--text);font-size:13.5px;font-family:inherit;outline:0}.chatw-foot input:focus{border-color:var(--brand)}.chatw-foot button{width:42px;height:42px;border-radius:50%;border:none;background:var(--grad);color:#fff;font-size:17px;cursor:pointer;flex:0 0 42px}.up-hint{background:var(--bg3);border:1px dashed var(--border2);border-radius:var(--rs);padding:10px 12px;color:var(--text2);font-size:12px;line-height:1.7}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--ta-bg-layer,none);background-size:var(--ta-bg-size,cover);background-position:center;background-repeat:var(--ta-bg-repeat,no-repeat);opacity:var(--ta-bg-opacity,1);filter:blur(var(--ta-bg-blur,0px));transition:opacity .35s ease}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--ta-bg-veil,transparent)}html{font-size:var(--ta-font-scale,100%)}#taThemeFab{position:fixed;left:16px;right:auto;bottom:calc(96px + var(--safe-b,0px));z-index:9000;width:52px;height:52px;border-radius:50%;border:1px solid var(--border-str,rgba(255,255,255,.2));background:var(--grad,linear-gradient(135deg,#a855f7,#3b82f6));color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .2s ease}#taThemeFab:hover{transform:scale(1.08) rotate(-8deg)}#taThemeFab:active{transform:scale(.94)}#taThemeOverlay{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:none}#taThemeOverlay.open{display:block}#taThemePanel{position:fixed;inset-inline-end:0;top:0;bottom:0;width:min(420px,100%);background:var(--card,#1c1c30);color:var(--text,#f5f5ff);border-inline-start:1px solid var(--border,rgba(255,255,255,.12));overflow-y:auto;padding:18px 16px calc(34px + var(--safe-b,0px));transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 60px rgba(0,0,0,.6)}html[dir=rtl] #taThemePanel{transform:translateX(100%)}#taThemeOverlay.open #taThemePanel{transform:translateX(0)}.ta-th-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ta-th-head h3{margin:0;font-size:19px;font-weight:900}.ta-th-x{background:var(--surface,rgba(255,255,255,.06));border:1px solid var(--border,rgba(255,255,255,.12));color:inherit;width:36px;height:36px;border-radius:10px;font-size:17px;cursor:pointer}.ta-th-sec{margin:18px 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.4px;color:var(--text2,#a5a5c8);text-transform:uppercase}.ta-th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.ta-th-card{border:2px solid var(--border,rgba(255,255,255,.12));border-radius:14px;padding:9px;cursor:pointer;background:var(--surface,rgba(255,255,255,.05));text-align:center;transition:.18s}.ta-th-card:hover{transform:translateY(-3px)}.ta-th-card.active{border-color:var(--brand,#a855f7);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#a855f7) 25%,transparent)}.ta-th-prev{height:38px;border-radius:9px;margin-bottom:7px;border:1px solid rgba(255,255,255,.09)}.ta-th-name{font-size:11.5px;font-weight:700;line-height:1.3}.ta-th-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;font-weight:600}.ta-th-row input[type=range]{flex:1;accent-color:var(--brand,#a855f7)}.ta-th-row input[type=color]{width:44px;height:32px;border:1px solid var(--border,rgba(255,255,255,.15));border-radius:8px;background:0 0;cursor:pointer;padding:2px}.ta-th-row input[type=text]{flex:1;min-width:0;background:var(--surface,rgba(255,255,255,.05));border:1px solid var(--border,rgba(255,255,255,.14));color:inherit;border-radius:9px;padding:8px 10px;font-size:12.5px}.ta-th-chips{display:flex;flex-wrap:wrap;gap:8px}.ta-th-chip{border:1px solid var(--border,rgba(255,255,255,.14));background:var(--surface,rgba(255,255,255,.05));color:inherit;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;cursor:pointer}.ta-th-chip.active{background:var(--grad,#a855f7);border-color:transparent;color:#fff}.ta-th-btns{display:flex;gap:9px;margin-top:18px}.ta-th-btns button{flex:1;border:none;border-radius:12px;padding:12px;font-weight:800;font-size:13.5px;cursor:pointer}.ta-th-save{background:var(--grad,linear-gradient(135deg,#a855f7,#3b82f6));color:#fff}.ta-th-reset{background:var(--surface2,rgba(255,255,255,.08));color:var(--text,#f5f5ff);border:1px solid var(--border,rgba(255,255,255,.14))!important}.ta-th-note{font-size:11.5px;color:var(--text3,#6a6a90);line-height:1.7;margin-top:10px}html[data-ta-mode=light] #taThemePanel{background:#fff}.pd-main-img img,.pd-thumb img,.product-img img{background:var(--bg3,#1b1b3a)}.ta-img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;font-size:46px}html[data-ta-motion=off] *{animation:none!important;transition:none!important}
/* ===== Reviews Page Redesign v2 ===== */
.rv2-wrap{display:flex;flex-direction:column;gap:16px}
.rv2-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:12px 16px}
.rv2-stats{display:flex;align-items:center;gap:14px}
.rv2-avg-num{font-size:34px;font-weight:900;color:var(--gold);line-height:1}
.rv2-avg-sub{font-size:12px;color:var(--text3)}
.rv2-toggle{display:flex;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}
.rv2-toggle button{border:none;background:transparent;color:var(--text3);font-size:13px;padding:7px 14px;border-radius:8px;cursor:pointer;transition:.2s}
.rv2-toggle button.active{background:var(--grad);color:#fff;font-weight:700}
.rv2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rv2-list{display:flex;flex-direction:column;gap:10px}
.rv2-card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:16px;transition:.2s;position:relative;overflow:hidden}
.rv2-card:hover{border-color:var(--purple-l);transform:translateY(-2px)}
.rv2-card::before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:var(--grad)}
.rv2-list .rv2-card{display:flex;align-items:flex-start;gap:14px}
.rv2-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rv2-list .rv2-head{margin-bottom:4px;flex-shrink:0;min-width:150px}
.rv2-av{width:42px;height:42px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0}
.rv2-name{font-weight:800;font-size:13.5px}
.rv2-meta{font-size:11px;color:var(--text3);margin-top:1px}
.rv2-stars{color:#f0a500;font-size:14px;letter-spacing:1px;margin-bottom:8px}
.rv2-text{font-size:13.5px;line-height:1.7;color:var(--text2)}
.rv2-badge-hidden{display:inline-block;font-size:10px;background:rgba(240,90,60,.15);color:var(--red);border-radius:99px;padding:2px 10px;margin-bottom:6px}
.rv2-empty{text-align:center;padding:50px 20px;color:var(--text3)}
.rv2-empty .ico{font-size:44px;margin-bottom:10px}
@media (max-width:640px){.rv2-grid{grid-template-columns:1fr}.rv2-list .rv2-card{flex-direction:column}}




/* ═══════════════════════════════════════════════════════════════════════
 * ★★★ MODULE النهائي والوحيد لنظام التذاكر/الشات ★★★
 * هذا القسم يلخّص كل الحلول المُختبرة بمكان واحد، ويتغلّب تلقائياً على أي
 * قاعدة قديمة متضاربة كتبناها سابقاً (لأنه بآخر الملف بنفس القوة !important).
 * أي تعديل مستقبلي لأبعاد الشات يكون هنا فقط — ما نضيف قواعد شات بمكان ثاني.
 * ═══════════════════════════════════════════════════════════════════════ */

/* 1) الصفحة والحاوية */
#page-tickets.page.active{display:flex!important;flex-direction:column!important;height:calc(100dvh - 66px)!important;padding:0!important}
#page-tickets .container{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;padding:8px!important;max-width:1240px;margin:0 auto;width:100%}
@media(max-width:767px){#page-tickets.page.active{height:calc(100dvh - 66px - 67px)!important}}

/* 2) القائمة + الشات */
.chat-wrap{flex:1 1 auto!important;min-height:0!important;display:flex!important;gap:8px!important;height:auto!important}
.chat-list{flex:0 0 300px!important;display:flex!important;flex-direction:column!important;min-height:0!important;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.chat-list-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
.chat-area{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;height:auto!important}
@media(max-width:800px){
  .chat-wrap{flex-direction:column!important}
  .chat-wrap .chat-list{display:flex!important;flex:1 1 auto!important}
  .chat-wrap .chat-area{display:none!important}
  .chat-wrap.show-conv .chat-list{display:none!important}
  .chat-wrap.show-conv .chat-area{display:flex!important;flex:1 1 auto!important}
}

/* 3) الهيدر المصغّر (رجوع + عنوان + ⋯) — سطر واحد ثابت */
.chat-hdr{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;min-height:auto!important;border-bottom:1px solid rgba(6,182,212,.25)!important;background:linear-gradient(135deg,rgba(6,182,212,.14),rgba(59,130,246,.08))!important}
.chat-hdr .bold{font-size:13px!important;margin:0!important;line-height:1.3!important}
.chat-hdr .muted.small{font-size:10px!important;margin:0!important}

/* 4) شريط التتبع — رفيع، سطر واحد قابل للسحب أفقياً */
.chat-track-bar{flex:0 0 auto!important;padding:5px 10px!important;font-size:10.5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap;background:linear-gradient(135deg,rgba(6,182,212,.16),rgba(59,130,246,.08))!important;border-bottom:1px solid rgba(6,182,212,.22)!important}
.chat-track-bar b{color:#22d3ee!important}
.chat-track-bar>div{flex-shrink:0}

/* 5) شريط منتجات الطلب — يبين الصورة والاسم كاملين، بلا أي حد أقصى يقصّه */
.ticket-items-fixed{flex:0 0 auto!important;max-height:130px!important;overflow-y:auto!important}
.ti-bar-head{padding:5px 10px!important}
.ti-bar-body{display:flex!important;max-height:none!important;min-height:56px!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;padding:0 10px 8px!important}
.ti-item{min-height:44px!important;flex-shrink:0}

/* 6) شريط معلومات نموذج الطلب — سطر واحد رفيع بس (التفاصيل بنافذة منبثقة) */
.order-form-pinned{flex:0 0 auto!important;padding:6px 14px!important}

/* 7) ★ الرسائل — تاخذ كل المساحة المتبقية فعلياً */
.chat-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:var(--bg2)}
.msg{border-radius:16px!important;box-shadow:none!important;padding:8px 13px!important;font-size:14px!important;line-height:1.45!important;max-width:72%!important;width:fit-content!important}
.msg.in{background:var(--card2)!important;border:1px solid rgba(6,182,212,.18)!important;border-bottom-right-radius:4px!important}
.msg.out{background:linear-gradient(135deg,#0891b2,#0e7490)!important;color:#fff!important;border-bottom-left-radius:4px!important}
.msg.sys{align-self:center!important;background:rgba(168,85,247,.14)!important;color:var(--purple-l)!important;font-size:11px!important;font-weight:700!important;padding:6px 12px!important;border-radius:99px!important;max-width:88%!important;text-align:center}
.msg-wrap{align-items:inherit!important}
.msg-wrap.mine{align-items:flex-end!important}
.msg-wrap.theirs{align-items:flex-start!important}
.order-form-msg{max-width:85%!important;align-self:stretch;width:auto!important}
.order-form-msg .ofm-body{font-size:12px!important;padding:8px 10px!important}
.order-form-msg .ofm-head{font-size:11px!important;padding:5px 10px!important}

/* 8) صف الكتابة — مضغوط، النص + الأزرار بنفس السطر */
.chat-input{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;padding:6px 8px!important;border-top:1px solid var(--border);background:var(--card2)}
.chat-input textarea{flex:1 1 auto!important;min-height:34px!important;max-height:90px!important;resize:none;border-radius:18px;padding:7px 12px!important;font-size:16px!important}
.chat-input label.btn,.chat-input button.btn{flex:0 0 auto!important;width:32px!important;height:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px}
.chat-send-btn{background:linear-gradient(135deg,#0891b2,#0e7490)!important}

@media(max-width:768px){
  .chat-hdr{padding:7px 9px!important}
  .chat-body{padding:10px 9px!important;gap:7px!important}
  .msg{font-size:13.5px!important;padding:8px 12px!important}
}

/* ═══════════════════════════════════════════════════════════════
 * ★ المرحلة 1 من إعادة تصميم الموقع: الصفحة الرئيسية بشكل تطبيق ★
 * (نفس الأزرار والدوال بالضبط، بس شكل بطاقات تطبيق بدل أزرار طويلة)
 * ═══════════════════════════════════════════════════════════════ */
.hero{padding:22px 16px!important}
.hero h1{font-size:19px!important;margin-bottom:6px!important}
.hero p{font-size:12.5px!important;margin-bottom:14px!important}
.hero-buttons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;max-width:420px;margin:0 auto!important}
.hero-buttons .btn{flex-direction:column!important;gap:4px!important;padding:12px 4px!important;border-radius:16px!important;font-size:10.5px!important;font-weight:700!important;white-space:normal!important;line-height:1.3!important}
@media(max-width:420px){.hero-buttons{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.hero-buttons .btn{font-size:9.5px!important;padding:10px 2px!important}}
.hero-stats{margin-top:16px!important}

/* ═══════════════════════════════════════════════════════════════
 * ★ المرحلة 2: تجديد شكل باقي عناصر الموقع (كروت، أقسام، اشتراكات) ★
 * تعديل بصري فقط — صفر تغيير على HTML/JS، صفر مخاطرة كسر أي زر
 * ═══════════════════════════════════════════════════════════════ */
.section-title{font-size:16px!important;margin-top:24px!important;margin-bottom:14px!important}
.product-card,.p-card{border-radius:18px!important;transition:transform .2s ease,box-shadow .2s ease!important}
.product-card:hover,.p-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 26px rgba(108,92,231,.25)!important}
.product-img,.p-media{border-radius:18px 18px 0 0!important}
.product-body,.p-body{padding:11px!important}
.product-price,.p-price{font-size:15px!important}
.home-cat-chip{border-radius:18px!important;background:var(--surface)!important}
.sub-card{border-radius:20px!important}
.sub-card.featured{box-shadow:0 0 0 2px var(--purple-l),0 12px 30px rgba(108,92,231,.3)!important}
.news-card{border-radius:18px!important}
.tabs{border-radius:100px!important}
.tab{border-radius:100px!important}
.rv-bubble{border-radius:20px!important}
footer{border-radius:0!important}

/* ═══ تحديث شكل نافذة الدخول/التسجيل — أنعم وأرتب ═══ */
.auth-tabs{border-radius:100px!important;overflow:hidden;background:var(--bg3);padding:4px;display:flex;gap:4px}
.auth-tab{border-radius:100px!important;text-align:center;padding:9px 0;flex:1;cursor:pointer;font-weight:700;font-size:13px}
.auth-tab.active{background:var(--grad)!important;color:#fff!important}
#authOAuthBtns .btn{border-radius:14px!important;font-size:13.5px!important}
.form-row input,.form-row select,.form-row textarea{border-radius:12px!important}
.auth-more{margin-top:10px;border-top:1px dashed var(--border);padding-top:10px}
.auth-more summary{cursor:pointer;text-align:center;font-size:12.5px;color:var(--text3);list-style:none;padding:4px 0}
.auth-more summary::-webkit-details-marker{display:none}
.auth-more summary:hover{color:var(--purple-l)}

/* ═══ أزرار تسجيل الدخول الاجتماعي — دوائر أيقونة بدل أزرار طويلة ═══ */
.oauth-circle{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);
  transition:transform .15s ease}
.oauth-circle:hover{transform:translateY(-3px)}

/* ═══════════════════════════════════════════════════════════════
   📞 نمط modal الاستقبال
   ═══════════════════════════════════════════════════════════════ */

#taIncomingCallModal {
    font-family: var(--font-main, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

#taIncomingCallModal button:active {
    transform: translateY(0) !important;
    transition: none;
}

#taIncomingCallModal button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════════════ */