:root{--bg: #070910;--bg-2: #0b1020;--panel: rgba(10, 14, 28, .92);--panel-2: rgba(255, 255, 255, .04);--panel-3: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .09);--text: #f5f7ff;--muted: #98a3c2;--accent: #ff3d6e;--accent-2: #8b5cf6;--emerald: #19d3a2;--cyan: #29d2e4;--gold: #efc16d;--sand: #d7b67a;--shadow: 0 26px 80px rgba(0, 0, 0, .35);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--app-max-width: 480px;--app-side-pad: 16px;--ui-scale: 1;--font-scale: 1;--lang-text-factor: 1;--lang-space-factor: 1;--vh: 1vh}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;min-height:100%}body{margin:0;padding:0;width:100%;overflow-x:hidden;color:var(--text);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(255,61,110,.15),transparent 26%),radial-gradient(circle at top right,rgba(41,210,228,.12),transparent 24%),radial-gradient(circle at bottom center,rgba(239,193,109,.12),transparent 28%),linear-gradient(180deg,var(--bg) 0%,#0c1120 100%);font-size:calc(16px * var(--font-scale, 1) * var(--lang-text-factor, 1))}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);border-radius:14px;padding:12px 14px;outline:none}input::placeholder,textarea::placeholder{color:#98a3c2b8}input:focus,textarea:focus{border-color:#ff3d6e73;box-shadow:0 0 0 4px #ff3d6e1f}#app{min-height:calc(var(--vh, 1vh) * 100)}.hidden{display:none!important}.empty-state{padding:20px;border-radius:18px;border:1px dashed rgba(255,255,255,.16);color:var(--muted);text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:.45rem .8rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#ffffffe0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.primary-btn,.ghost-btn,.link-btn,.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:.82rem 1.15rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 40px #ff3d6e47}.primary-btn:hover,.ghost-btn:hover,.mini-btn:hover,.nav-item:hover,.link-btn:hover{transform:translateY(-1px)}.primary-btn.small{padding:.68rem 1rem;font-size:.88rem}.primary-btn.wide{width:100%;border-radius:18px}.ghost-btn,.link-btn,.mini-btn{color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.ghost-btn{padding-inline:1rem}.link-btn{padding:0;background:none;border:0;color:#fff;text-decoration:underline;text-decoration-color:#ffffff59}.mini-btn{padding:.55rem .88rem;font-size:.78rem}.login-screen,.app-shell{min-height:calc(var(--vh, 1vh) * 100)}.login-screen{padding:18px;display:grid;place-items:center}.login-panel{width:min(1120px,100%);display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.login-copy,.login-form{border-radius:var(--radius-xl);padding:26px}.login-copy{display:flex;flex-direction:column;gap:18px}.login-brand{display:flex;align-items:center;gap:16px}.hero-mark{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;font-weight:900;font-size:2rem;background:linear-gradient(135deg,#ff3d6e,#8b5cf6 55%,#29d2e4);box-shadow:0 22px 40px #8b5cf640}.hero-mark.small{width:44px;height:44px;border-radius:14px;font-size:.92rem}.login-brand h1,.app-topbar .brand-line,.hero-card h2,.section-head h3,.login-form h2,.modal-card h3{margin:0;font-weight:800;letter-spacing:-.04em}.login-brand h1{font-size:clamp(2.2rem,4vw,4rem)}.login-brand p,.login-form p,.hero-card p,.section-note,.modal-card p,.order-sub,.profile-top p,.feature-slot p{color:var(--muted);line-height:1.7;margin:0}.login-highlights,.metrics-grid,.stats-totals,.channel-row{display:grid;gap:12px}.login-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-box,.channel-card,.address-card,.stat-chip,.metric-card,.feature-slot,.showcase-card,.rush-card,.faq-item,.winner-row,.order-row,.hero-card,.section-card,.modal-card,.topbar-actions,.profile-top,.app-topbar{border-radius:var(--radius-lg)}.highlight-box{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:8px}.highlight-box span{color:var(--muted);font-size:.78rem}.highlight-box strong{font-size:1rem}.login-feed{display:grid;gap:10px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label,.modal-form label{display:flex;flex-direction:column;gap:8px}.login-form span,.modal-form span{color:var(--muted);font-size:.88rem}.challenge-row{display:grid;grid-template-columns:1fr auto;gap:10px}.login-foot{display:flex;justify-content:flex-end}.app-shell{padding:14px 14px 92px;display:flex;flex-direction:column;gap:14px}.app-topbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:10px;z-index:20}.brand-stack{display:flex;align-items:center;gap:12px}.brand-line{font-size:1.05rem}.brand-sub{color:var(--muted);font-size:.82rem;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:10px}.balance-pill{padding:.72rem 1rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.page-stack{display:grid;gap:14px}.page{display:none}.page.active{display:block}.hero-card{padding:18px;background:radial-gradient(circle at top left,rgba(255,61,110,.22),transparent 38%),radial-gradient(circle at bottom right,rgba(41,210,228,.16),transparent 36%),linear-gradient(135deg,#120d1ffa,#0a0f1ef0)}.hero-chip{display:inline-flex;padding:.48rem .78rem;border-radius:999px;background:#ffffff0f;color:#ffffffd1;font-size:.72rem;font-weight:700;letter-spacing:.08em}.hero-main{display:flex;align-items:center;gap:14px;margin:18px 0 12px}.hero-main h2{font-size:clamp(1.75rem,5vw,2.6rem)}.hero-main p{margin-top:6px;font-size:.98rem}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffffffc7}.section-card{padding:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h3{font-size:1.28rem;margin-top:8px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.section-note{font-size:.84rem;text-align:right}.media-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-block{padding:12px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.media-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#ffffffdb}.media-block-head span{padding:.28rem .6rem;border-radius:999px;background:#ffffff12;font-size:.76rem}.media-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-thumb{display:grid;gap:8px;color:inherit;text-decoration:none}.media-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.media-thumb span{font-size:.8rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-list,.order-list,.faq-list,.rush-grid,.showcase-grid{display:grid;gap:10px}.winner-row{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.winner-row.preview{border-radius:16px;padding:12px 14px}.winner-left{display:flex;flex-direction:column;gap:4px;min-width:0}.winner-label{color:#f4d3a0;font-weight:700}.winner-mid{color:var(--muted);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-amount{justify-self:end;font-weight:800;font-size:1.08rem;color:#fff;text-align:right}.stats-board{padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:grid;gap:12px;margin-bottom:12px}.stats-totals{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-chip{padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-chip strong{color:var(--text);font-size:1rem}.filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filter-chip{padding:.9rem .8rem;border-radius:999px;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.filter-chip.active{background:linear-gradient(135deg,#ff3d6ef2,#8b5cf6f2);color:#fff}.order-list{margin-top:10px}.order-row{padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center}.order-row.compact{padding:12px}.order-thumb{width:68px;height:68px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#ff3d6e4d,#8b5cf642);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}.order-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:1.35rem;color:#fff}.order-info{min-width:0;display:flex;flex-direction:column;gap:4px}.order-title{font-weight:700}.order-sub{font-size:.84rem}.order-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-pill{padding:.34rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#ffffff14}.status-completed{color:#2ce6a8}.status-pending{color:#efc16d}.status-frozen{color:#ff8d8d}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-card,.rush-card{padding:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;position:relative;overflow:hidden}.showcase-card:after,.rush-card:after{content:"";position:absolute;inset:auto -20% -25% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.showcase-top,.rush-meta,.profile-top,.hero-main,.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.showcase-card h4,.rush-card h4,.feature-slot h4{margin:12px 0 6px;font-size:1.08rem}.showcase-card p,.rush-card p{margin:0;color:var(--muted);line-height:1.6}.tone-rose{box-shadow:inset 0 1px #ffffff14,0 16px 32px #ff3d6e14}.tone-emerald{box-shadow:inset 0 1px #ffffff14,0 16px 32px #19d3a214}.tone-pink{box-shadow:inset 0 1px #ffffff14,0 16px 32px #ff3d6e14}.tone-sand{box-shadow:inset 0 1px #ffffff14,0 16px 32px #d7b67a14}.tone-violet{box-shadow:inset 0 1px #ffffff14,0 16px 32px #8b5cf614}.tone-cyan{box-shadow:inset 0 1px #ffffff14,0 16px 32px #29d2e414}.tone-gold{box-shadow:inset 0 1px #ffffff14,0 16px 32px #efc16d14}.rush-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rush-card{min-height:220px;display:flex;flex-direction:column;gap:10px}.rush-chip{display:inline-flex;width:fit-content;padding:.38rem .72rem;border-radius:999px;background:#ffffff14;color:#ffffffd6;font-weight:700}.rush-icon{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;color:#2fe3e5;font-size:1.2rem}.rush-meta{margin-top:auto;color:var(--muted);font-size:.8rem}.start-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flat-rush-card{border:1px solid var(--flat-line);background:#102a59;border-radius:14px;min-height:0}.rush-product-media{width:100%;border-radius:12px;border:1px solid var(--flat-line);overflow:hidden;background:#0e1f46}.rush-product-media img{width:100%;aspect-ratio:1.25 / 1;object-fit:cover;display:block}.rush-product-name{font-size:.9rem;font-weight:700;color:#fff;min-height:20px}.faq-list{gap:12px}.faq-item{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.faq-item h4{margin:0 0 8px}.faq-item p{margin:0;color:var(--muted);line-height:1.72}.profile-shell{display:grid;gap:14px}.profile-top{padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#ff3d6e,#8b5cf6)}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.metric-card span{color:#ffffffbf;font-size:.82rem}.metric-card strong{font-size:1.15rem}.accent-rose{background:linear-gradient(135deg,#ff3d6e33,#ff3d6e0f)}.accent-slate{background:linear-gradient(135deg,#ffffff14,#ffffff08)}.accent-gold{background:linear-gradient(135deg,#efc16d38,#efc16d0f)}.accent-cyan{background:linear-gradient(135deg,#29d2e433,#29d2e40f)}.profile-rows{padding:8px 0;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.info-row{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.info-row:last-child{border-bottom:0}.feature-slot{padding:16px;min-height:120px;background:linear-gradient(135deg,#ff3d6e1f,#8b5cf614);border:1px solid rgba(255,255,255,.08)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#03050ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(720px,100%);position:relative;padding:22px;background:linear-gradient(180deg,#0b0f1dfa,#080a12fa);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.close-btn{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;font-size:1.5rem;background:#ffffff12;color:#fff}.modal-form{display:grid;gap:14px;margin-top:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.channel-row{grid-template-columns:1fr}.channel-card,.address-card{padding:14px 16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.channel-card.active{background:linear-gradient(135deg,#ff3d6e24,#8b5cf624)}.address-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.address-card strong{display:block;margin-top:4px;word-break:break-all}.modal-copy{display:grid;gap:12px}.modal-copy p{margin:0;color:#f2f4ffcc;line-height:1.75}.advantage-list{display:flex;flex-wrap:wrap;gap:10px}.advantage-list span{padding:.55rem .8rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffe0}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%) translateY(8px);padding:.9rem 1.3rem;border-radius:999px;background:#000000b8;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.bottom-nav{position:fixed;left:14px;right:14px;bottom:14px;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px}.nav-item{padding:.75rem .45rem;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0a;color:#ffffffb8;border:1px solid rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#ff3d6ef0,#8b5cf6f0)}@media(max-width:980px){.login-panel,.showcase-grid,.profile-metrics,.stats-totals,.media-showcase,.start-zone-grid{grid-template-columns:1fr 1fr}.login-panel{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:12px 12px 104px}.app-topbar,.profile-top,.section-head,.hero-footer{align-items:flex-start;flex-direction:column}.topbar-actions,.section-actions,.profile-actions,.primary-btn,.ghost-btn{width:100%}.stats-totals,.filter-tabs,.showcase-grid,.profile-metrics,.login-highlights,.rush-grid,.media-showcase,.media-strip,.start-zone-grid{grid-template-columns:1fr}.order-row{grid-template-columns:56px 1fr}.order-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between}.bottom-nav{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item span{font-size:.72rem}.modal-card{padding:18px}}.app-shell{--flat-bg: #0a1737;--flat-panel: #0f214a;--flat-panel-soft: #112854;--flat-line: rgba(114, 166, 255, .24);--flat-text: #f4f8ff;--flat-muted: #a8b8da;--flat-accent: #24d7ff;--flat-accent-2: #4a6cff;--flat-accent-3: #ff3f7d;min-height:calc(var(--vh, 1vh) * 100);padding:20px var(--app-side-pad) calc(118px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 8% 0%,rgba(255,63,125,.16),transparent 30%),radial-gradient(circle at 100% 0%,rgba(36,215,255,.15),transparent 30%),linear-gradient(180deg,var(--flat-bg) 0%,#091632 100%)}.app-shell.rtl{direction:rtl}.app-shell .card-panel,.app-shell .flat-card{border-radius:18px;border:1px solid var(--flat-line);background:var(--flat-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:20px var(--app-side-pad)}.app-shell .flat-topbar{position:sticky;top:12px;z-index:20;padding:14px 16px}.app-shell .brand-line{color:var(--flat-text);font-weight:800}.app-shell .brand-sub{color:var(--flat-muted)}.app-shell .topbar-actions{background:transparent;border:0;padding:0}.app-shell .balance-pill{border:1px solid var(--flat-line);background:#102a59;color:#d8e8ff}.app-shell .ghost-btn{border:1px solid var(--flat-line);background:#102a59;color:var(--flat-text);box-shadow:none}.app-shell .ghost-btn.compact{padding:.56rem .86rem}.app-shell .primary-btn{background:linear-gradient(135deg,var(--flat-accent-3),var(--flat-accent-2),var(--flat-accent));box-shadow:none}.app-shell .page-stack,.app-shell .page.active{display:grid;gap:14px}.app-shell .page,.app-shell .flat-card{width:100%;max-width:100%}.lang-picker{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:8px;padding:.58rem .8rem;border-radius:12px;border:1px solid var(--flat-line);background:#102a59;color:#d7e4ff;min-width:138px}.lang-toggle strong{font-size:.86rem}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;width:min(180px,calc(100vw - 24px));max-width:calc(100vw - 24px);display:none;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--flat-line);background:#102a59;overflow:hidden;z-index:40}.lang-picker.open .lang-menu{display:grid}.lang-option{text-align:left;border-radius:9px;border:1px solid transparent;background:transparent;color:#d7e4ff;padding:.5rem .65rem;white-space:normal;overflow-wrap:anywhere}html[dir=rtl] .lang-menu{right:auto;left:0}.lang-option.active{background:#17396f;border-color:var(--flat-line)}.flat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.flat-head h3{margin:0;color:#f4f8ff;font-size:1.12rem}.flat-head p{margin:4px 0 0;color:#9db0d8;font-size:.86rem}.section-tag{display:inline-flex;padding:.3rem .62rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#cde0ff;background:#17396f;border:1px solid var(--flat-line)}.carousel-controls{display:inline-flex;gap:8px}.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--flat-line);background:#102a59;color:#dbe7ff;display:grid;place-items:center}.promo-card,.product-card,.winner-strip-card,.latest-card,.records-card,.service-card,.profile-card{padding:20px var(--app-side-pad)}.promo-banner,.product-carousel{position:relative;border-radius:14px;border:1px solid var(--flat-line);background:var(--flat-panel-soft);min-height:180px;overflow:hidden}.promo-banner img,.product-carousel img{width:100%;min-height:180px;max-height:260px;object-fit:cover;display:block}.promo-fallback,.product-fallback{min-height:180px;display:grid;place-items:center;font-size:1.25rem;color:#dbe8ff;background:linear-gradient(135deg,#17396f,#1d4f90)}.promo-copy,.product-copy{position:absolute;inset-inline:12px;bottom:12px;display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#091632c7;border:1px solid var(--flat-line)}.promo-copy strong,.product-copy strong{color:#fff}.promo-copy span,.product-copy span{color:#bcd0f7;font-size:.84rem}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.dot{width:7px;height:7px;border-radius:999px;background:#6f87b7}.dot.active{width:18px;background:linear-gradient(135deg,#ff3f7d,#24d7ff)}.winner-marquee{overflow:hidden;border-radius:12px;border:1px solid var(--flat-line);background:#102a59}.winner-marquee-track{display:flex;gap:10px;width:max-content;padding:10px 12px;animation:winnerScroll 28s linear infinite}.flat-card.promo-card,.flat-card.product-card,.flat-card.winner-strip-card{width:100%;max-width:100%;padding-inline:var(--app-side-pad)}.flat-card.promo-card>.flat-head,.flat-card.product-card>.flat-head,.flat-card.winner-strip-card>.flat-head,.flat-card.promo-card>.promo-banner,.flat-card.product-card>.product-carousel,.flat-card.winner-strip-card>.winner-marquee,.flat-card.promo-card>.carousel-dots,.flat-card.product-card>.carousel-dots{width:100%;max-width:100%;margin-inline:0;box-sizing:border-box}.winner-chip{white-space:nowrap;border-radius:999px;border:1px solid var(--flat-line);padding:.45rem .74rem;color:#dbe8ff;background:#153467;font-size:.82rem}@keyframes winnerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-shell .order-list.flat-list{margin:0}.app-shell .order-row{border-radius:12px;border-color:var(--flat-line);background:#102a59}.record-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.record-stat{border:1px solid var(--flat-line);border-radius:12px;background:#102a59;padding:12px;display:grid;gap:6px}.record-stat span{color:#aac0e8;font-size:.84rem}.record-stat strong{color:#fff;font-size:1.1rem}.record-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.record-progress{margin-bottom:12px;border:1px solid var(--flat-line);border-radius:12px;background:#102a59;color:#bfd3f7;padding:10px 12px;font-size:.9rem}.record-progress strong{color:#fff;margin-left:6px}.filter-chip.flat{background:#102a59;border:1px solid var(--flat-line);color:#c7d8f8}.filter-chip.flat.active{color:#fff;background:linear-gradient(135deg,#ff3f7d,#4a6cff)}.records-table{border:1px solid var(--flat-line);border-radius:12px;overflow:hidden}.records-table-head,.records-row{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:10px;align-items:center;padding:12px}.records-table-head{background:#132f62;color:#b8ccec;font-size:.84rem}.records-table-body{background:#102a59}.records-row{border-top:1px solid rgba(114,166,255,.12)}.records-row strong{color:#fff}.records-cards{display:grid;gap:12px}.record-order-card{border:1px solid var(--flat-line);border-radius:14px;background:#102a59;padding:12px;display:grid;gap:10px}.record-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.record-product{display:flex;gap:10px;min-width:0}.record-product img{width:64px;height:64px;border-radius:10px;border:1px solid var(--flat-line);object-fit:cover;background:#0d1f46}.record-product h4{margin:0 0 4px;color:#fff;font-size:1rem}.record-product p{margin:0;color:#a9c0e8;font-size:.84rem;overflow-wrap:anywhere}.record-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.record-money-grid>div{border:1px solid var(--flat-line);border-radius:10px;background:#153467;padding:10px;display:grid;gap:6px}.record-money-grid span{color:#a9c0e8;font-size:.84rem}.record-money-grid strong{color:#fff;font-size:1rem}.record-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px dashed rgba(114,166,255,.22);padding-top:8px;color:#a9c0e8}.record-meta-row strong{color:#fff;text-align:right;overflow-wrap:anywhere}.service-entry{margin-bottom:12px}.service-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.service-tile{border-radius:12px;border:1px solid var(--flat-line);background:#102a59;color:#e1ecff;padding:12px;display:grid;justify-items:center;gap:8px}.service-tile i{font-size:1.1rem;color:#9ce5ff}.flat-faq .flat-item{border-radius:12px;border-color:var(--flat-line);background:#102a59}.profile-summary{border-radius:12px;border:1px solid var(--flat-line);background:#102a59;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-id{display:flex;align-items:center;gap:10px}.profile-id strong{color:#fff}.profile-id p{margin:4px 0 0;color:#a7bddf}.profile-buttons{display:flex;gap:8px}.flat-metrics .metric-card{border-color:var(--flat-line);background:#102a59}.flat-rows{background:#102a59;border-color:var(--flat-line)}.flat-rows .info-row{border-color:#72a6ff26;align-items:flex-start}.flat-rows .info-row span{color:#afc4ea}.flat-rows .info-row strong,.flat-rows .info-row .link-btn{max-width:62%;text-align:right;justify-content:flex-end;overflow-wrap:anywhere;word-break:break-word}.app-shell .link-btn{color:#9ce5ff}.app-shell .bottom-nav.flat-bottom-nav{left:50%;right:auto;bottom:10px;width:min(calc(var(--app-max-width) - (var(--app-side-pad) * 2)),calc(100vw - (var(--app-side-pad) * 2)));max-width:calc(100vw - (var(--app-side-pad) * 2));transform:translate(-50%);grid-template-columns:repeat(5,minmax(0,1fr));border-radius:16px;border-color:var(--flat-line);background:#0e2148;box-shadow:none;padding:8px}.app-shell .bottom-nav .nav-item{border-radius:12px;border-color:transparent;background:transparent;color:#b5c8ec;min-width:0;padding:.68rem .4rem}.app-shell .bottom-nav .nav-item span{white-space:nowrap;font-size:.76rem}.app-shell .bottom-nav .nav-item.active{color:#fff;background:linear-gradient(135deg,#4a6cff,#24d7ff)}@media(max-width:980px){.record-overview,.record-filter-row,.service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:16px var(--app-side-pad) calc(112px + env(safe-area-inset-bottom,0px))}.app-shell .flat-topbar{align-items:stretch}.app-shell .topbar-actions{width:100%;justify-content:space-between}.lang-toggle{min-width:120px}.record-overview,.record-filter-row,.service-shortcuts,.records-table-head,.records-row,.record-money-grid{grid-template-columns:1fr}.records-table-head{display:none}.records-row{gap:6px;border-top:1px solid rgba(114,166,255,.12)}.profile-summary{flex-direction:column;align-items:flex-start}.profile-buttons{width:100%}.profile-buttons .primary-btn,.profile-buttons .ghost-btn{flex:1}.flat-rows .info-row{flex-direction:column;gap:6px}.flat-rows .info-row strong,.flat-rows .info-row .link-btn{max-width:100%;text-align:left;justify-content:flex-start}.app-shell .bottom-nav.flat-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}html.force-mobile-ui,html.force-mobile-ui body{width:100%;min-height:100%;overflow-x:hidden}html.force-mobile-ui body{display:flex;justify-content:center;align-items:stretch;margin:0}html.force-mobile-ui #app{width:min(100vw,var(--app-max-width));max-width:var(--app-max-width);min-height:100dvh;position:relative;overflow-x:hidden}html.force-mobile-ui .login-screen{padding:12px;min-height:100dvh;display:block}html.force-mobile-ui .login-panel{width:100%;display:grid;grid-template-columns:1fr;gap:12px}html.force-mobile-ui .login-copy,html.force-mobile-ui .login-form{border-radius:18px;padding:16px}html.force-mobile-ui .login-brand h1{font-size:clamp(1.7rem,8vw,2.2rem)}html.force-mobile-ui .app-shell{padding:16px var(--app-side-pad) calc(118px + env(safe-area-inset-bottom,0px));width:100%;max-width:100%;overflow-x:hidden}html.force-mobile-ui .app-topbar,html.force-mobile-ui .section-head,html.force-mobile-ui .profile-summary{align-items:flex-start;flex-direction:column}html.force-mobile-ui .topbar-actions,html.force-mobile-ui .profile-buttons{width:100%}html.force-mobile-ui .topbar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}html.force-mobile-ui .topbar-actions .lang-picker,html.force-mobile-ui .topbar-actions .balance-pill,html.force-mobile-ui .topbar-actions .ghost-btn.compact{width:100%;min-width:0}html.force-mobile-ui .topbar-actions .lang-toggle{width:100%;min-width:0;height:100%;justify-content:space-between}html.force-mobile-ui .topbar-actions .lang-menu{left:0;right:0;width:auto}html.force-mobile-ui .topbar-actions .balance-pill{min-height:52px;display:flex;align-items:center;justify-content:center}html.force-mobile-ui .topbar-actions .ghost-btn.compact{min-height:52px;padding-inline:.6rem}html.force-mobile-ui .lang-toggle{min-width:120px}html.force-mobile-ui .record-overview,html.force-mobile-ui .record-filter-row,html.force-mobile-ui .service-shortcuts,html.force-mobile-ui .record-money-grid,html.force-mobile-ui .records-table-head,html.force-mobile-ui .records-row,html.force-mobile-ui .metrics-grid,html.force-mobile-ui .showcase-grid,html.force-mobile-ui .media-showcase,html.force-mobile-ui .media-strip,html.force-mobile-ui .rush-grid,html.force-mobile-ui .start-zone-grid{grid-template-columns:1fr}html.force-mobile-ui .records-table-head{display:none}html.force-mobile-ui .records-row{gap:6px}html.force-mobile-ui .profile-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}html.force-mobile-ui .bottom-nav.flat-bottom-nav{left:50%;right:auto;width:min(calc(var(--app-max-width) - (var(--app-side-pad) * 2)),calc(100vw - (var(--app-side-pad) * 2)));max-width:calc(100vw - (var(--app-side-pad) * 2));transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,minmax(0,1fr))}.app-shell.page-home{background:#f5f5f5;color:#1e293b;padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px))}.app-shell.page-home .page-stack{gap:0}.app-shell.page-home .page.active{display:block}.app-shell.page-home .home-page-content{background:#fff;border-radius:0;min-height:calc(var(--vh, 1vh) * 100)}.app-shell.page-home .top-header{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--lang-space-factor, 1));margin-bottom:20px;padding:0 0 12px;border-bottom:1px solid #eee}.app-shell.page-home .logo-area h1{margin:0;font-size:calc(20px * var(--lang-text-factor, 1));font-weight:600;color:#000;line-height:1.15}.app-shell.page-home .logo-area p{margin:2px 0 0;font-size:calc(11px * var(--lang-text-factor, 1));color:#999;line-height:1.35}.app-shell.page-home .action-buttons{display:flex;gap:calc(10px * var(--lang-space-factor, 1));align-items:center;font-size:calc(13px * var(--lang-text-factor, 1));flex-wrap:wrap;justify-content:flex-end}.app-shell.page-home .action-buttons .balance{font-weight:600;color:#333}.app-shell.page-home .action-buttons .logout{color:#ff6b6b;border:0;background:transparent;padding:0;cursor:pointer}.app-shell.page-home .home-lang-picker{position:relative}.app-shell.page-home .home-lang-toggle{border:0;background:transparent;color:#333;display:inline-flex;align-items:center;gap:calc(6px * var(--lang-space-factor, 1));padding:0;font-size:calc(13px * var(--lang-text-factor, 1))}.app-shell.page-home .home-lang-picker .lang-menu{right:0;top:calc(100% + 6px);border:1px solid #e5e7eb;background:#fff;border-radius:10px;width:min(170px,calc(100vw - 28px));max-width:calc(100vw - 28px);z-index:30}html[dir=rtl] .app-shell.page-home .home-lang-picker .lang-menu{right:auto;left:0}.app-shell.page-home .home-lang-picker .lang-option{color:#334155}.app-shell.page-home .home-lang-picker .lang-option.active{color:#2563eb;background:#eff6ff;border-color:transparent}.app-shell.page-home .brand-card{background:#f8f8f8;border-radius:16px;padding:16px;text-align:center;margin-bottom:20px}.app-shell.page-home .brand-card h3{margin:0 0 6px;font-size:16px;font-weight:600}.app-shell.page-home .brand-card p{margin:0;font-size:12px;color:#888}.app-shell.page-home .banner{background:#e8e8e8;border-radius:16px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:14px;color:#666;position:relative;overflow:hidden}.app-shell.page-home .banner img{width:100%;height:100%;object-fit:cover;display:block}.app-shell.page-home .banner-fallback,.app-shell.page-home .banner-copy{text-align:center;line-height:1.4}.app-shell.page-home .banner-copy{position:absolute;inset-inline:10px;bottom:10px;border-radius:10px;background:#fffc;padding:6px 8px;color:#374151;font-size:12px}.app-shell.page-home .banner:after{content:"● ● ●";position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:6px;color:#aaa}.app-shell.page-home .home-section{margin-bottom:24px}.app-shell.page-home .home-divider-title{display:flex;align-items:center;gap:12px;margin:2px 0 14px}.app-shell.page-home .home-divider-title:before,.app-shell.page-home .home-divider-title:after{content:"";height:1px;background:#cbd5e1;flex:1}.app-shell.page-home .home-divider-title span{font-size:calc(15px * var(--lang-text-factor, 1));font-weight:500;color:#111827;white-space:nowrap}.app-shell.page-home .home-about-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;padding:12px;border-radius:16px;border:1px solid #e6e9ef;background:#fff}.app-shell.page-home .home-about-left{display:grid;align-content:space-between;gap:10px;min-width:0}.app-shell.page-home .home-about-left h4{margin:0;font-size:calc(18px * var(--lang-text-factor, 1));color:#1f2937;line-height:1.2;overflow-wrap:anywhere}.app-shell.page-home .home-about-left .company-note{margin:0;font-size:calc(13px * var(--lang-text-factor, 1));color:#4b5563;overflow-wrap:anywhere}.app-shell.page-home .home-about-left .about-link{border:0;padding:0;background:transparent;text-align:left;font-size:calc(14px * var(--lang-text-factor, 1));color:#111827;font-weight:600;cursor:pointer}.app-shell.page-home .puma-strip-title{font-size:calc(14px * var(--lang-text-factor, 1));font-weight:800;color:#0f172a;letter-spacing:.08em}.app-shell.page-home .home-puma-marquee{border-radius:12px;border:1px solid #d9e4f5;background:#f8fbff;overflow:hidden;padding:6px}.app-shell.page-home .puma-track{display:flex;gap:8px;width:max-content;animation:homeTicker 30s linear infinite}.app-shell.page-home .puma-item{min-width:126px;border-radius:10px;border:1px solid #d9e4f5;background:#fff;padding:6px;display:grid;gap:6px}.app-shell.page-home .puma-item img{width:100%;height:64px;object-fit:cover;border-radius:8px}.app-shell.page-home .puma-item span{font-size:calc(11px * var(--lang-text-factor, 1));color:#334155;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell.page-home .home-about-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:190px}.app-shell.page-home .home-collage-top,.app-shell.page-home .home-collage-bottom-left,.app-shell.page-home .home-collage-bottom-right{border-radius:10px;border:1px solid #dbe4f5;background-size:cover;background-position:center;background-repeat:no-repeat}.app-shell.page-home .home-collage-top{grid-column:1 / -1;min-height:98px}.app-shell.page-home .home-collage-bottom-left,.app-shell.page-home .home-collage-bottom-right{min-height:82px}.app-shell.page-home .home-commission-card{border-radius:16px;border:1px solid #e6e9ef;background-color:#d2d8e2;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:235px;padding:10px;display:flex;align-items:center}.app-shell.page-home .home-commission-overlay{width:100%;display:grid;gap:10px}.app-shell.page-home .home-commission-overlay.marquee{overflow:hidden}.app-shell.page-home .commission-track{display:flex;gap:10px;width:max-content;animation:homeTicker 26s linear infinite}.app-shell.page-home .commission-row{border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#1f2937;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:calc(13px * var(--lang-text-factor, 1))}.app-shell.page-home .commission-row.marquee-item{min-width:260px}.app-shell.page-home .commission-row em{font-style:normal;color:#334155;opacity:.95}.app-shell.page-home .commission-row strong{font-size:calc(15px * var(--lang-text-factor, 1));font-weight:600;color:#111827}.app-shell.page-home .order-list-caption{margin-top:12px;color:#64748b;font-size:calc(12px * var(--lang-text-factor, 1));line-height:1.35}.app-shell.page-home .section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:10px}.app-shell.page-home .section-header h4{margin:0;font-size:calc(16px * var(--lang-text-factor, 1));font-weight:600;color:#111827;line-height:1.2;overflow-wrap:anywhere}.app-shell.page-home .section-header span{font-size:calc(12px * var(--lang-text-factor, 1));color:#999;text-align:right;line-height:1.3}.app-shell.page-home .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-shell.page-home .product-item{background:#fafafa;border-radius:12px;padding:20px 12px;text-align:center;border:1px solid #f0f0f0}.app-shell.page-home .product-item .name{font-weight:500;margin-bottom:8px;font-size:calc(14px * var(--lang-text-factor, 1));color:#111827;line-height:1.25;overflow-wrap:anywhere}.app-shell.page-home .product-item .desc{font-size:calc(12px * var(--lang-text-factor, 1));color:#999;line-height:1.35}.app-shell.page-home .order-list{margin-top:8px}.app-shell.page-home .order-list.mini .order-item{padding:10px 0}.app-shell.page-home .order-item{padding:14px 0;border-bottom:1px solid #f0f0f0}.app-shell.page-home .order-item:last-child{border-bottom:none}.app-shell.page-home .order-title{font-weight:500;font-size:calc(14px * var(--lang-text-factor, 1));margin-bottom:6px;color:#111827;line-height:1.25;overflow-wrap:anywhere}.app-shell.page-home .order-detail{font-size:calc(12px * var(--lang-text-factor, 1));color:#888;display:flex;flex-wrap:wrap;gap:calc(12px * var(--lang-space-factor, 1));line-height:1.35}.app-shell.page-home .bottom-nav.flat-bottom-nav{position:fixed;bottom:0;left:0;right:0;transform:none;width:min(480px,100vw);max-width:480px;margin:0 auto;background:#fff;border-top:1px solid #eee;border-radius:0;padding:10px 0 calc(20px + env(safe-area-inset-bottom,0px));box-shadow:none}.app-shell.page-home .bottom-nav .nav-item{background:transparent;color:#888;border:0;border-radius:0}.app-shell.page-home .bottom-nav .nav-item i{font-size:22px;margin-bottom:4px}.app-shell.page-home .bottom-nav .nav-item span{font-size:12px}.app-shell.page-home .bottom-nav .nav-item.active{color:#000;font-weight:500;background:transparent}html[data-ui-lang=en] .app-shell.page-home .section-header,html[data-ui-lang=vi] .app-shell.page-home .section-header{align-items:flex-start}html[data-ui-lang=en] .app-shell.page-home .section-header span,html[data-ui-lang=vi] .app-shell.page-home .section-header span{max-width:44%;overflow-wrap:anywhere}html[data-ui-lang=en] .app-shell.page-home .commission-row,html[data-ui-lang=vi] .app-shell.page-home .commission-row,html[data-ui-lang=ar] .app-shell.page-home .commission-row{font-size:calc(12px * var(--lang-text-factor, 1))}html[data-ui-lang=en] .app-shell.page-home .home-about-left .about-link,html[data-ui-lang=vi] .app-shell.page-home .home-about-left .about-link,html[data-ui-lang=ar] .app-shell.page-home .home-about-left .about-link{overflow-wrap:anywhere}html[dir=rtl] .app-shell.page-home .home-about-left .about-link{text-align:right}html[dir=rtl] .app-shell.page-home .commission-row{flex-direction:row-reverse}html[dir=rtl] .app-shell.page-home .puma-track,html[dir=rtl] .app-shell.page-home .commission-track{animation-direction:reverse}html[data-ui-lang=en] .app-shell.page-home .action-buttons,html[data-ui-lang=vi] .app-shell.page-home .action-buttons{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto;align-items:center;column-gap:calc(8px * var(--lang-space-factor, 1))}html[data-ui-lang=en] .app-shell.page-home .home-lang-toggle,html[data-ui-lang=vi] .app-shell.page-home .home-lang-toggle{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}html[data-ui-lang=en] .app-shell.page-home .logo-area h1,html[data-ui-lang=vi] .app-shell.page-home .logo-area h1{letter-spacing:-.01em}html[data-ui-lang=en] .app-shell.page-home .order-detail span,html[data-ui-lang=vi] .app-shell.page-home .order-detail span{min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.app-shell.page-home .top-header{flex-direction:column;align-items:flex-start}.app-shell.page-home .action-buttons{width:100%;justify-content:space-between;flex-wrap:wrap}.app-shell.page-home .grid-2,.app-shell.page-home .home-about-card{grid-template-columns:1fr}.app-shell.page-home .home-about-collage{min-height:0}.app-shell.page-home .home-commission-card{min-height:210px}.app-shell.page-home .commission-row.marquee-item{min-width:220px}}@keyframes homeTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-shell .lang-picker .lang-menu{width:min(220px,calc(100vw - (var(--app-side-pad, 16px) * 2) - 12px));max-width:calc(100vw - (var(--app-side-pad, 16px) * 2) - 12px);inset-inline-end:0;inset-inline-start:auto}html[dir=rtl] .app-shell .lang-picker .lang-menu{inset-inline-start:0;inset-inline-end:auto}.app-shell .lang-picker .lang-option{width:100%;min-width:0;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}@media(max-width:760px){.app-shell .topbar-actions .lang-toggle,.app-shell .topbar-actions .balance-pill{min-width:0;max-width:100%}.app-shell .topbar-actions .ghost-btn.compact{width:auto;min-width:0;flex:0 0 auto}}html[data-ui-lang=ar] .app-shell.page-home .section-header{align-items:flex-start}html[data-ui-lang=ar] .app-shell.page-home .section-header span{max-width:48%;text-align:start;overflow-wrap:anywhere}html[data-ui-lang=ar] .app-shell.page-home .action-buttons{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;column-gap:calc(8px * var(--lang-space-factor, 1))}html[data-ui-lang=ar] .app-shell.page-home .home-lang-toggle{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell.page-profile{background:#eceff4;color:#111827}.app-shell.page-profile .flat-topbar{background:#fff;border-color:#cfd8e3}.app-shell.page-profile .brand-line{color:#111827}.app-shell.page-profile .brand-sub{color:#64748b}.app-shell.page-profile .balance-pill{background:#f8fafc;border-color:#cfd8e3;color:#111827}.app-shell.page-profile .ghost-btn{background:#fff;border-color:#cfd8e3;color:#111827}.app-shell.page-profile .flat-card.profile-reference-page{background:transparent;border:0;border-radius:0;padding:0;display:grid;gap:18px}.profile-ref-user-card,.profile-ref-balance-card,.profile-ref-service-card{width:100%;border:1px solid #b8c4d3;border-radius:22px;background:#fff;padding:16px}.profile-ref-user-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center}.profile-ref-avatar{width:84px;height:84px;border-radius:50%;border:1px solid #262626;background:linear-gradient(180deg,#f2f4f7,#dee3eb);color:#a1a1aa;display:grid;place-items:center;font-size:2rem}.profile-ref-info{display:grid;gap:8px;min-width:0}.profile-ref-info-line{display:flex;align-items:baseline;gap:8px;min-width:0;color:#111827}.profile-ref-info-line span{white-space:nowrap;color:#0f172a;font-weight:700;font-size:1.03rem}.profile-ref-info-line strong,.profile-ref-link{min-width:0;margin-inline-start:auto;text-align:end;font-weight:700;color:#111827;overflow-wrap:anywhere;word-break:break-word;background:transparent;border:0;padding:0}.profile-ref-balance-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-ref-balance-main{display:grid;gap:8px;min-width:0}.profile-ref-balance-main span{font-size:.9rem;color:#334155;font-weight:700}.profile-ref-balance-main strong{font-size:2rem;line-height:1;color:#0f172a}.profile-ref-balance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:12px}.profile-ref-btn{border-radius:14px;padding:11px 16px;font-weight:700;border:1px solid #111827;min-width:0}.profile-ref-btn-primary{background:#000;color:#fff}.profile-ref-btn-secondary{background:#fff;color:#000}.profile-ref-service-card h3{margin:0 0 12px;font-size:2.2rem;line-height:1;font-weight:800;color:#111827}.profile-ref-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.profile-ref-service-item{min-width:0;background:transparent;border:0;display:grid;justify-items:center;gap:10px;color:#0f172a}.profile-ref-service-icon{width:66px;height:66px;border-radius:14px;background:#000;color:#fff;display:grid;place-items:center;font-size:1.95rem}.profile-ref-service-item span:last-child{max-width:100%;text-align:center;font-size:1.05rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}html[data-ui-lang=ar] .profile-ref-info-line{gap:6px}html[data-ui-lang=ar] .profile-ref-info-line span,html[data-ui-lang=ar] .profile-ref-service-item span:last-child{font-size:.96rem}html[data-ui-lang=ar] .profile-ref-balance-main strong{font-size:1.72rem}@media(max-width:760px){.profile-ref-user-card{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px}.profile-ref-avatar{width:72px;height:72px;font-size:1.7rem}.profile-ref-balance-card{flex-direction:column;align-items:stretch}.profile-ref-balance-main strong{font-size:1.85rem}.profile-ref-balance-actions{grid-template-columns:1fr 1fr}.profile-ref-service-card h3{font-size:2rem}}@media(max-width:520px){.profile-ref-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-ref-service-icon{width:62px;height:62px;font-size:1.8rem}}.app-shell.page-start{background:#d9d9dd;color:#111827;padding:0 0 calc(98px + env(safe-area-inset-bottom,0px))}.app-shell.page-start .page-stack{gap:0}.app-shell.page-start .page.active{display:block}.app-shell.page-start .start-ref-page{width:100%;max-width:100%}.app-shell.page-start .start-ref-hero{position:relative;min-height:308px;background:#000;border-bottom-left-radius:52px;border-bottom-right-radius:52px;overflow:hidden;display:grid;place-items:center}.app-shell.page-start .start-ref-shape{position:absolute;width:120px;height:210px;border-radius:30px}.app-shell.page-start .start-ref-shape-left{left:-42px;top:30px;background:#ff2f6f}.app-shell.page-start .start-ref-shape-right{right:-42px;top:122px;background:#30d8dd}.app-shell.page-start .start-ref-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:clamp(2.2rem,7vw,3.15rem);font-weight:700;letter-spacing:-.02em}.app-shell.page-start .start-ref-brand i{font-size:.95em;color:#fff;text-shadow:-2px 0 #24d7ff,2px 0 #ff3d6e}.app-shell.page-start .start-ref-balance-card{width:calc(100% - 32px);margin:-46px auto 0;background:#f7f7f8;border-radius:24px;border:2px solid rgba(36,215,255,.55);box-shadow:0 8px 20px #0000001f;padding:20px;position:relative;z-index:3}.app-shell.page-start .start-ref-balance-caption{color:#6b7280;font-size:.94rem;margin-bottom:8px}.app-shell.page-start .start-ref-balance-card h2{margin:0;font-size:clamp(2.2rem,9vw,3.4rem);line-height:1;color:#08b8d2;letter-spacing:-.02em;font-weight:800}.app-shell.page-start .start-ref-kpi-strip{margin-top:18px;border-radius:18px;background:#d9edf0;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-shell.page-start .start-ref-kpi-strip>div{min-width:0;display:grid;gap:4px}.app-shell.page-start .start-ref-kpi-strip span{color:#6b7280;font-size:.88rem;line-height:1.25}.app-shell.page-start .start-ref-kpi-strip strong{color:#101828;font-size:1.2rem;line-height:1.2}.app-shell.page-start .start-ref-auto-btn{margin-top:16px;width:100%;border:0;border-radius:18px;padding:15px 18px;background:#0fc4d8;color:#fff;font-weight:800;font-size:clamp(1.5rem,5.2vw,2.2rem);letter-spacing:-.01em}.app-shell.page-start .start-ref-steps-card{width:calc(100% - 32px);margin:26px auto 0;padding:8px 4px}.app-shell.page-start .start-ref-steps-card h3{margin:0 0 12px;font-size:clamp(2rem,7vw,3rem);line-height:1.1;font-weight:800;color:#111827}.app-shell.page-start .start-ref-steps-card ol{margin:0;padding-inline-start:24px;display:grid;gap:14px;color:#6c7282;font-size:clamp(1.15rem,4.3vw,1.65rem);line-height:1.45}.app-shell.page-start .bottom-nav.flat-bottom-nav{left:0;right:0;transform:none;width:min(480px,100vw);max-width:480px;margin:0 auto;bottom:0;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px));border-radius:0;border:0;background:#000;box-shadow:none}.app-shell.page-start .bottom-nav .nav-item{border:0;border-radius:0;background:transparent;color:#fff;padding:.64rem .3rem}.app-shell.page-start .bottom-nav .nav-item i{font-size:1.34rem}.app-shell.page-start .bottom-nav .nav-item span{font-size:.82rem}.app-shell.page-start .bottom-nav .nav-item.active{color:#38bdf8;background:transparent}.start-ref-overlay{background:#0000006b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-ref-match-modal,.start-ref-warning-modal{width:min(640px,calc(100vw - 34px));max-height:calc(100vh - 56px);overflow-y:auto;background:#fff;color:#111827;border:0;border-radius:4px;box-shadow:0 20px 50px #00000038;padding:22px}.start-ref-match-title{font-size:2rem;line-height:1;margin-bottom:16px;color:#111827}.start-ref-match-product{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}.start-ref-match-product img{width:132px;height:132px;object-fit:cover;border-radius:4px;border:1px solid #dbe1ea}.start-ref-match-product strong{font-size:1.2rem;line-height:1.3;color:#11163a;word-break:break-word}.start-ref-match-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 12px}.start-ref-match-metrics>div{display:grid;gap:5px}.start-ref-match-metrics span{color:#ef4444;font-size:.94rem}.start-ref-match-metrics strong{color:#ef4444;font-size:2rem;line-height:1}.start-ref-match-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:baseline;margin-top:8px}.start-ref-match-row span{font-size:1.05rem;color:#111827}.start-ref-match-row strong{font-size:1.05rem;color:#111827;word-break:break-word}.start-ref-submit-btn{margin-top:18px;width:100%;border:0;border-radius:999px;padding:14px 16px;background:#ff3b43;color:#fff;font-size:1.95rem;font-weight:700;line-height:1}.start-ref-warning-modal{width:min(620px,calc(100vw - 42px));padding:26px}.start-ref-warning-modal p{margin:0;color:#1f2937;font-size:clamp(1.7rem,5.5vw,2.4rem);line-height:1.3}.start-ref-warning-actions{margin-top:24px;display:flex;justify-content:flex-end}.start-ref-warning-btn{border:0;border-radius:6px;background:#ff3b43;color:#fff;font-size:1.75rem;font-weight:600;padding:10px 22px}@media(max-width:760px){.app-shell.page-start .start-ref-hero{min-height:220px;border-bottom-left-radius:42px;border-bottom-right-radius:42px}.app-shell.page-start .start-ref-shape{width:92px;height:170px;border-radius:24px}.app-shell.page-start .start-ref-shape-left{left:-30px;top:26px}.app-shell.page-start .start-ref-shape-right{right:-30px;top:100px}.app-shell.page-start .start-ref-brand{font-size:clamp(1.8rem,10vw,2.6rem)}.app-shell.page-start .start-ref-balance-card{margin-top:-28px;border-radius:20px;padding:16px}.app-shell.page-start .start-ref-balance-card h2{font-size:clamp(2rem,11vw,2.8rem)}.app-shell.page-start .start-ref-kpi-strip{padding:12px}.app-shell.page-start .start-ref-kpi-strip strong{font-size:1.35rem}.app-shell.page-start .start-ref-auto-btn{border-radius:16px;font-size:clamp(1.25rem,7vw,1.85rem);padding:12px 16px}.app-shell.page-start .start-ref-steps-card h3{font-size:clamp(1.45rem,9vw,2.1rem)}.app-shell.page-start .start-ref-steps-card ol{font-size:clamp(1rem,5.4vw,1.3rem)}.start-ref-match-modal,.start-ref-warning-modal{border-radius:6px;padding:16px}.start-ref-match-title{font-size:1.32rem}.start-ref-match-product{grid-template-columns:92px minmax(0,1fr)}.start-ref-match-product img{width:92px;height:92px}.start-ref-match-metrics strong{font-size:1.85rem}.start-ref-submit-btn{font-size:1.45rem;padding:12px 14px}.start-ref-warning-modal p{font-size:clamp(1.2rem,5.2vw,1.55rem)}.start-ref-warning-btn{font-size:1.25rem;padding:8px 20px}}html[dir=rtl] .start-ref-match-row{grid-template-columns:minmax(0,1fr) 110px}html[dir=rtl] .start-ref-match-row span{text-align:end}.app-shell.page-records{background:#ececec;color:#111827;padding:0 0 calc(98px + env(safe-area-inset-bottom,0px))}.app-shell.page-records .page-stack{gap:0}.app-shell.page-records .page.active{display:block}.records-ref-page{width:100%;max-width:100%}.records-ref-tabs{position:sticky;top:0;z-index:8;background:#ececec;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #dfdfdf}.records-ref-tab{border:0;background:transparent;color:#9ca3af;min-width:0;padding:14px 8px 16px;font-size:clamp(1.2rem,4.2vw,1.85rem);font-weight:500;position:relative}.records-ref-tab.active{color:#111827}.records-ref-tab.active:after{content:"";position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:36px;height:6px;border-radius:999px;background:#111}.records-ref-list{padding:12px 12px 0;display:grid;gap:12px}.records-ref-card{border-radius:16px;background:#f4f4f4;padding:14px;border:1px solid #ebebeb}.records-ref-time{text-align:right;color:#9ca3af;font-size:clamp(1.05rem,3.8vw,1.5rem);line-height:1.2}.records-ref-divider{margin:10px 0 12px;height:1px;background:#e2e2e2}.records-ref-body{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:14px;align-items:center}.records-ref-thumb img{width:132px;height:132px;object-fit:cover;border-radius:8px;display:block;background:#fff}.records-ref-main{min-width:0}.records-ref-main h4{margin:0 0 10px;color:#111;font-size:clamp(1.24rem,4.5vw,2.1rem);line-height:1.25;font-weight:500;word-break:break-word}.records-ref-line{margin:0;color:#111;font-size:clamp(1.3rem,4.8vw,2.2rem);line-height:1.28}.records-ref-line.commission{color:#ff4a54}.records-ref-value{min-width:0;text-align:right;display:grid;gap:8px}.records-ref-amount{color:#111;font-size:clamp(1.45rem,5.4vw,2.45rem);line-height:1.2;white-space:nowrap}.records-ref-commission{color:#ff4a54;font-size:clamp(1.45rem,5.4vw,2.45rem);line-height:1.2;white-space:nowrap}.app-shell.page-records .bottom-nav.flat-bottom-nav{left:0;right:0;transform:none;width:min(480px,100vw);max-width:480px;margin:0 auto;bottom:0;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px));border-radius:0;border:0;background:#000;box-shadow:none}.app-shell.page-records .bottom-nav .nav-item{border:0;border-radius:0;background:transparent;color:#fff;padding:.64rem .3rem}.app-shell.page-records .bottom-nav .nav-item i{font-size:1.34rem}.app-shell.page-records .bottom-nav .nav-item span{font-size:.82rem}.app-shell.page-records .bottom-nav .nav-item.active{color:#38bdf8;background:transparent}@media(max-width:760px){.records-ref-list{padding-inline:8px;gap:10px}.records-ref-card{padding:10px;border-radius:12px}.records-ref-body{grid-template-columns:86px minmax(0,1fr) auto;gap:10px}.records-ref-thumb img{width:86px;height:86px}.records-ref-main h4{margin-bottom:6px;font-size:clamp(.98rem,5vw,1.25rem)}.records-ref-line{font-size:clamp(.98rem,4.2vw,1.2rem)}.records-ref-amount,.records-ref-commission{font-size:clamp(1.02rem,4.8vw,1.35rem);white-space:normal;line-height:1.25}}html[dir=rtl] .records-ref-time,html[dir=rtl] .records-ref-value{text-align:left}.login-screen.login-ref-screen{min-height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;align-items:flex-start;padding:12px;background:#f5f1ec}.login-ref-shell{width:min(480px,100%);background:#f7f4ef;border-radius:22px;border:1px solid #ece3d6;padding:12px;display:grid;gap:10px;box-shadow:0 10px 28px #84633114}.login-ref-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.login-ref-lang{position:relative}.login-ref-pill,.login-ref-avatar{border:1px solid #ecdcbc;background:#f5e9d5;color:#a56d1a;border-radius:14px;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-size:.94rem;font-weight:600}.login-ref-avatar{width:40px;justify-content:center;padding:0}.login-ref-lang .lang-menu{top:calc(100% + 6px);inset-inline-start:0;inset-inline-end:auto;width:170px;border-radius:10px;border:1px solid #ead9bb;background:#fffaf1;box-shadow:0 8px 20px #85632b26;z-index:20}.login-ref-lang .lang-option{color:#6f5633}.login-ref-lang .lang-option.active{color:#a56d1a;background:#f6e8cf;border-color:transparent}.login-ref-hero{border-radius:16px;min-height:188px;padding:14px;display:flex;align-items:center;justify-content:center;border:1px solid #efdfc0;background:radial-gradient(circle at 80% 30%,rgba(255,232,168,.55),transparent 42%),radial-gradient(circle at 20% 70%,rgba(251,210,123,.4),transparent 44%),linear-gradient(135deg,#fff8ec,#f7e1ac 58%,#e8bd67);background-size:cover;background-position:center;position:relative;overflow:hidden}.login-ref-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-36px;height:84px;border-radius:50%;background:#c8882238;filter:blur(10px)}.login-ref-hero.has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff7e773}.login-ref-hero-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px}.login-ref-hero-title{display:grid;gap:4px}.login-ref-coin{width:58px;height:58px;border-radius:14px;border:2px solid rgba(212,156,63,.55);color:#fff;background:linear-gradient(145deg,#0f172a,#111827 45%,#1f2937);display:grid;place-items:center;font-size:1.62rem;box-shadow:0 8px 18px #11182740}.login-ref-hero-brand h1{margin:0;color:#b57a1f;font-size:clamp(1.8rem,7vw,2.5rem);font-weight:800;letter-spacing:-.02em}.login-ref-hero-title p{margin:0;color:#8f5a11c7;font-size:.92rem;font-weight:600}.login-ref-card,.login-ref-policy{background:#fffaf3;border:1px solid #eee2cf;border-radius:16px}.login-ref-card{padding:14px;display:grid;gap:12px}.login-ref-card h2{margin:0;color:#8f5a11;font-size:1.06rem;font-weight:700}.login-ref-form{display:grid;gap:10px}.login-ref-form label{display:grid;gap:6px}.login-ref-form label span{color:#8b6f46;font-size:.85rem}.login-ref-form input{width:100%;height:44px;border-radius:12px;border:1px solid #e9dbc3;background:#fff;color:#1f2937;padding:0 12px;font-size:.96rem}.login-ref-form input:focus{outline:none;border-color:#c8953a;box-shadow:0 0 0 2px #c8953a26}.login-ref-code-row,.login-ref-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.login-ref-code-btn,.login-ref-captcha-code{border:1px solid #dbbf84;border-radius:12px;background:linear-gradient(135deg,#fff3d8,#f2d69d);color:#8f5a11;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;min-width:112px;padding:0 12px}.login-ref-captcha-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;cursor:pointer}.login-ref-primary,.login-ref-secondary{height:44px;border-radius:999px;font-size:1rem;font-weight:700}.login-ref-primary{border:0;color:#fff;background:linear-gradient(135deg,#f0c966,#b7771f);box-shadow:0 10px 20px #af731f38}.login-ref-secondary{border:1px solid #ead9bc;background:#fff;color:#8a6a3e}.login-ref-row-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-ref-link{border:0;background:transparent;color:#8f6e44;font-size:.85rem;padding:2px 0;text-decoration:underline;text-decoration-color:#8f6e4473}.login-ref-link.support{color:#9c7b4e}.login-ref-policy{padding:12px;text-align:center;color:#a4865d;font-size:.82rem;line-height:1.5}.login-ref-bottom{border-radius:12px;min-height:96px;border:1px solid #efdfc0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 70%,rgba(248,213,129,.48),transparent 52%),radial-gradient(circle at 75% 25%,rgba(243,190,101,.38),transparent 48%),linear-gradient(140deg,#fffaf1,#f7e3b3 64%,#e6c06d);background-size:cover;background-position:center}.login-ref-bottom.has-image{position:relative}.login-ref-bottom.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff7e975;border-radius:inherit;z-index:1}.login-ref-bottom-logo{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(212,156,63,.4);background:#fff8e5d1;box-shadow:0 8px 16px #b57a1f2e}.login-ref-bottom-mark{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#111827,#1f2937);font-size:1rem}.login-ref-bottom-text{color:#a56d1a;font-size:1rem;font-weight:800;letter-spacing:.01em}@media(max-width:480px){.login-screen.login-ref-screen{padding:8px}.login-ref-shell{border-radius:16px;padding:10px}.login-ref-hero{min-height:152px}.login-ref-hero-brand h1{font-size:clamp(1.55rem,8vw,2rem)}.login-ref-hero-title p{font-size:.82rem}}.app-shell{--theme-primary: #39c8ff;--theme-secondary: #5b6cff;--theme-accent: #19e0b2;--theme-bg: #0a1737;--theme-surface-1: #102a59;--theme-surface-2: #13356f;--theme-text: #f4f8ff;--theme-text-muted: #a8b8da;--theme-border: rgba(114, 166, 255, .24);--theme-border-strong: rgba(126, 194, 255, .42);--theme-success: #22c55e;--theme-warning: #f59e0b;--theme-danger: #ef4444;--flat-bg: var(--theme-bg);--flat-panel: var(--theme-surface-1);--flat-panel-soft: var(--theme-surface-2);--flat-line: var(--theme-border);--flat-text: var(--theme-text);--flat-muted: var(--theme-text-muted);--flat-accent: var(--theme-primary);--flat-accent-2: var(--theme-secondary);--flat-accent-3: #ff4a8b}.app-shell .card-panel,.app-shell .flat-card,.app-shell .records-ref-card,.app-shell .records-ref-tabs,.app-shell .records-table,.app-shell .modal-card{border-color:var(--theme-border)}.app-shell .primary-btn{background:linear-gradient(135deg,var(--flat-accent-3),var(--flat-accent-2),var(--flat-accent));color:#fff}.app-shell .primary-btn:hover,.app-shell .primary-btn:active{filter:brightness(1.06)}.app-shell .ghost-btn,.app-shell .mini-btn,.app-shell .filter-chip,.app-shell .lang-toggle,.app-shell .icon-btn{border-color:var(--theme-border);background:var(--theme-surface-1);color:var(--theme-text)}.app-shell .ghost-btn:hover,.app-shell .mini-btn:hover,.app-shell .filter-chip:hover,.app-shell .lang-toggle:hover{border-color:var(--theme-border-strong);background:var(--theme-surface-2)}.app-shell .ghost-btn:disabled,.app-shell .mini-btn:disabled,.app-shell .primary-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}.app-shell .bottom-nav.flat-bottom-nav{border-color:var(--theme-border);background:var(--theme-surface-1)}.app-shell .bottom-nav .nav-item.active{background:linear-gradient(135deg,#39c8ff3d,#5b6cff3d);color:#eaf6ff}.app-shell .records-table-head,.app-shell .records-ref-tab.active{background:var(--theme-surface-2)}.app-shell .records-ref-tab{color:var(--theme-text-muted)}.app-shell .records-ref-tab.active{color:#fff}.app-shell .status-completed{color:var(--theme-success)}.app-shell .status-frozen{color:var(--theme-warning)}.app-shell .status-pending{color:#38bdf8}.app-shell.page-home .home-lang-toggle{border:1px solid rgba(38,95,183,.8);background:linear-gradient(135deg,#1d4fa5,#1f66bb);color:#eaf5ff;padding:.5rem .82rem;border-radius:12px;box-shadow:inset 0 1px #ffffff29}.app-shell.page-home .home-lang-picker .lang-menu{inset-inline-start:0;inset-inline-end:auto;width:min(220px,calc(100vw - (var(--app-side-pad, 16px) * 2)));max-width:calc(100vw - (var(--app-side-pad, 16px) * 2));border-color:#265fb799;background:#123066;overflow:hidden;z-index:90}html[dir=rtl] .app-shell.page-home .home-lang-picker .lang-menu{inset-inline-start:auto;inset-inline-end:0}.app-shell.page-home .home-lang-picker .lang-option{display:block;width:100%;min-width:0;text-align:start;padding-inline:.72rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#dcebff}.app-shell.page-home .home-lang-picker .lang-option.active{color:#fff;background:linear-gradient(135deg,#2961bf,#258dc2)}html.force-mobile-ui,body.force-mobile-ui{width:100%;overflow-x:hidden}#app{width:100%;min-height:calc(var(--vh, 1vh) * 100)}html.force-mobile-ui .app-shell{width:min(430px,100vw);max-width:430px;margin-inline:auto;min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-left:var(--app-side-pad);padding-right:var(--app-side-pad);position:relative}html.force-mobile-ui .app-shell.page-home{overflow-x:hidden;overflow-y:auto;padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}html.force-mobile-ui .app-shell.page-home .home-page-content,html.force-mobile-ui .app-shell.page-home .top-header,html.force-mobile-ui .app-shell.page-home .action-buttons,html.force-mobile-ui .app-shell.page-home .home-lang-picker{overflow:visible}html.force-mobile-ui .app-shell.page-home .banner.carousel-shell{width:100%;max-width:100%;height:auto;min-height:0;margin-bottom:20px;background:transparent;border:0;padding:0}html.force-mobile-ui .app-shell.page-home .banner.carousel-shell:after{content:none}html.force-mobile-ui .app-shell.page-home .banner-viewport{width:100%;aspect-ratio:16 / 7.6;border-radius:16px;border:1px solid rgba(114,166,255,.2);background:#e8e8e8;overflow:hidden;position:relative}html.force-mobile-ui .app-shell.page-home .banner-track{height:100%;display:flex;transition:transform .28s ease;will-change:transform}html.force-mobile-ui .app-shell.page-home .banner-slide{flex:0 0 100%;width:100%;height:100%;position:relative}html.force-mobile-ui .app-shell.page-home .banner-slide img{width:100%;height:100%;object-fit:cover;display:block}html.force-mobile-ui .app-shell.page-home .banner-slide .banner-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#17396f,#1d4f90);color:#dbe8ff;text-align:center;line-height:1.4}html.force-mobile-ui .app-shell.page-home .banner-slide .banner-copy{position:absolute;inset-inline:10px;bottom:10px;border-radius:10px;background:#ffffffdb;color:#334155;font-size:12px;line-height:1.3;padding:6px 8px}html.force-mobile-ui .app-shell.page-home .banner-dots{margin-top:10px}html.force-mobile-ui .app-shell.page-home .banner-dots .dot{border:0;outline:0;cursor:pointer}html.force-mobile-ui .app-shell.page-home .home-lang-picker{position:relative;isolation:isolate}html.force-mobile-ui .app-shell.page-home .home-lang-toggle{max-width:min(190px,calc(100vw - (var(--app-side-pad) * 2) - 60px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.force-mobile-ui .app-shell.page-home .home-lang-picker .lang-menu{top:calc(100% + 8px);inset-inline-start:0;inset-inline-end:auto;width:min(210px,calc(100vw - (var(--app-side-pad) * 2) - 8px));max-width:min(210px,calc(100vw - (var(--app-side-pad) * 2) - 8px));max-height:min(240px,calc(var(--vh, 1vh) * 40));overflow-y:auto;overflow-x:hidden;z-index:180}html[dir=rtl].force-mobile-ui .app-shell.page-home .home-lang-picker .lang-menu{inset-inline-start:auto;inset-inline-end:0}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav,html.force-mobile-ui .app-shell.page-home .bottom-nav.flat-bottom-nav{position:absolute;left:var(--app-side-pad);right:var(--app-side-pad);bottom:max(10px,env(safe-area-inset-bottom,0px));width:auto;max-width:none;margin:0;transform:none}html.force-mobile-ui .app-shell.page-home .home-page-content,html.force-mobile-ui .app-shell.page-home .home-section,html.force-mobile-ui .app-shell.page-home .brand-card,html.force-mobile-ui .app-shell.page-home .home-about-card,html.force-mobile-ui .app-shell.page-home .home-commission-card,html.force-mobile-ui .app-shell.page-home .home-puma-marquee,html.force-mobile-ui .app-shell.page-home .home-commission-overlay.marquee,html.force-mobile-ui .app-shell.page-home .grid-2,html.force-mobile-ui .app-shell.page-home .product-item,html.force-mobile-ui .app-shell.page-home .section-header,html.force-mobile-ui .app-shell.page-home .order-list,html.force-mobile-ui .app-shell.page-home .order-item{width:100%;max-width:100%;min-width:0}html.force-mobile-ui .app-shell.page-home .home-about-card,html.force-mobile-ui .app-shell.page-home .home-commission-card,html.force-mobile-ui .app-shell.page-home .home-puma-marquee,html.force-mobile-ui .app-shell.page-home .home-commission-overlay.marquee,html.force-mobile-ui .app-shell.page-home .banner-viewport{overflow:hidden}html.force-mobile-ui .app-shell.page-home .top-header{position:relative;z-index:12}html.force-mobile-ui .app-shell.page-home .action-buttons{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px}html.force-mobile-ui .app-shell.page-home .action-buttons>*{min-width:0}html.force-mobile-ui .app-shell.page-home .action-buttons .balance,html.force-mobile-ui .app-shell.page-home .action-buttons .logout{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;border-radius:12px;border:1px solid rgba(38,95,183,.65);background:#102a59;color:#dbeafe;font-size:calc(13px * var(--lang-text-factor, 1));line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}html.force-mobile-ui .app-shell.page-home .home-lang-toggle{width:100%;max-width:100%;justify-content:center;min-height:40px;line-height:1.2;padding:0 10px}html.force-mobile-ui .app-shell.page-home .home-lang-picker .lang-menu{width:min(210px,calc(100vw - (var(--app-side-pad) * 2) - 8px));max-width:min(210px,calc(100vw - (var(--app-side-pad) * 2) - 8px));min-width:144px}html.force-mobile-ui .app-shell.page-home .grid-2{grid-template-columns:minmax(0,1fr)}html.force-mobile-ui .app-shell.page-home .section-header span,html.force-mobile-ui .app-shell.page-home .order-detail span,html.force-mobile-ui .app-shell.page-home .company-note,html.force-mobile-ui .app-shell.page-home .order-title,html.force-mobile-ui .app-shell.page-home .product-item .name,html.force-mobile-ui .app-shell.page-home .product-item .desc{overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-about-card,html.force-mobile-ui .app-shell.page-home .home-about-collage{grid-template-columns:minmax(0,1fr)}html.force-mobile-ui .app-shell.page-home .home-collage-top,html.force-mobile-ui .app-shell.page-home .home-collage-bottom-left,html.force-mobile-ui .app-shell.page-home .home-collage-bottom-right{min-height:92px}html.force-mobile-ui .app-shell.page-home .home-collage-top{grid-column:auto}html.force-mobile-ui .app-shell.page-home .puma-track,html.force-mobile-ui .app-shell.page-home .commission-track{min-width:100%}html.force-mobile-ui .app-shell.page-home .puma-item{min-width:112px;max-width:132px}html.force-mobile-ui .app-shell.page-home .commission-row.marquee-item{min-width:220px;max-width:260px}html.force-mobile-ui .app-shell.page-home .home-commission-card{min-height:206px}html[data-ui-lang=en].force-mobile-ui .app-shell.page-home .action-buttons,html[data-ui-lang=vi].force-mobile-ui .app-shell.page-home .action-buttons,html[data-ui-lang=ar].force-mobile-ui .app-shell.page-home .action-buttons{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav{position:fixed;left:50%;transform:translate(-50%);right:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));width:min(calc(var(--app-max-width, 430px) - (var(--app-side-pad, 16px) * 2)),calc(100vw - (var(--app-side-pad, 16px) * 2)));max-width:calc(100vw - (var(--app-side-pad, 16px) * 2));margin:0;padding:8px;border-radius:24px;border:1px solid rgba(88,140,228,.55);background:linear-gradient(180deg,#113067,#0f2957);box-shadow:0 14px 32px #08122c85,inset 0 1px #b4d7ff33;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:90}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item{min-width:0;min-height:82px;padding:8px 6px;border-radius:18px;border:1px solid transparent;background:transparent;color:#b8caeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item i{font-size:1.7rem;line-height:1}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item:active{transform:translateY(1px)}html.force-mobile-ui .app-shell.page-home .home-page-content.home-v2{display:grid;gap:14px}html.force-mobile-ui .app-shell.page-home .home-v2 .top-header{border:1px solid rgba(114,166,255,.24);border-radius:16px;background:#102a59;padding:14px;margin:0}html.force-mobile-ui .app-shell.page-home .home-v2 .logo-area h1{font-size:clamp(1.45rem,6.8vw,2rem);line-height:1.15}html.force-mobile-ui .app-shell.page-home .home-v2 .logo-area p{font-size:clamp(.84rem,3.6vw,.98rem)}html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons{margin-top:10px}html.force-mobile-ui .app-shell.page-home .home-v2 .brand-card{border:1px solid rgba(114,166,255,.24);border-radius:16px;background:#102a59;text-align:left;padding:14px;margin:0}html.force-mobile-ui .app-shell.page-home .home-v2 .brand-card h3{font-size:clamp(1.05rem,4.8vw,1.35rem);margin-bottom:4px}html.force-mobile-ui .app-shell.page-home .home-v2 .brand-card p{color:#a8b8da;font-size:clamp(.82rem,3.5vw,.95rem)}html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-main-banner{margin:0;padding:12px;border:1px solid rgba(114,166,255,.24);border-radius:16px;background:#102a59}html.force-mobile-ui .app-shell.page-home .home-v2 .banner-viewport{aspect-ratio:16 / 8;border-radius:14px;border:1px solid rgba(114,166,255,.25);overflow:hidden}html.force-mobile-ui .app-shell.page-home .home-v2 .banner-track{display:flex;height:100%;transition:transform .28s ease}html.force-mobile-ui .app-shell.page-home .home-v2 .banner-slide{flex:0 0 100%;min-width:100%;height:100%;position:relative}html.force-mobile-ui .app-shell.page-home .home-v2 .banner-slide img{width:100%;height:100%;object-fit:cover;display:block}html.force-mobile-ui .app-shell.page-home .home-v2-grid{display:grid;gap:12px}html.force-mobile-ui .app-shell.page-home .home-v2-section,html.force-mobile-ui .app-shell.page-home .home-v2-winner,html.force-mobile-ui .app-shell.page-home .home-v2-orders{border:1px solid rgba(114,166,255,.24);border-radius:16px;background:#102a59;padding:12px;overflow:hidden}html.force-mobile-ui .app-shell.page-home .home-v2-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}html.force-mobile-ui .app-shell.page-home .home-v2-section-head h4{margin:0;font-size:clamp(1.02rem,4.4vw,1.24rem);color:#eff5ff}html.force-mobile-ui .app-shell.page-home .home-v2-section-head span{margin:0;min-width:0;color:#9bb0d7;font-size:clamp(.74rem,3.2vw,.9rem);text-align:right;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-v2-section-viewport{border:1px solid rgba(114,166,255,.22);border-radius:14px;overflow:hidden}html.force-mobile-ui .app-shell.page-home .home-v2-section-track{display:flex;transition:transform .28s ease}html.force-mobile-ui .app-shell.page-home .home-v2-product-slide{flex:0 0 100%;min-width:100%;padding:12px;display:grid;gap:10px;background:#13356f}html.force-mobile-ui .app-shell.page-home .home-v2-product-image{width:100%;aspect-ratio:16 / 7.3;border-radius:12px;overflow:hidden;border:1px solid rgba(114,166,255,.2);background:#173f7f}html.force-mobile-ui .app-shell.page-home .home-v2-product-image img{width:100%;height:100%;display:block;object-fit:cover}html.force-mobile-ui .app-shell.page-home .home-v2-product-fallback{width:100%;height:100%;display:grid;place-items:center;color:#d8e8ff;background:linear-gradient(135deg,#163767,#20518d);text-align:center;padding:0 10px}html.force-mobile-ui .app-shell.page-home .home-v2-product-copy{display:grid;gap:4px}html.force-mobile-ui .app-shell.page-home .home-v2-product-copy strong{display:block;color:#eff5ff;font-size:clamp(.96rem,4.2vw,1.12rem);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-v2-product-copy span{display:block;color:#a8b8da;font-size:clamp(.78rem,3.2vw,.92rem);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-v2-dots,html.force-mobile-ui .app-shell.page-home .banner-dots{margin-top:10px}html.force-mobile-ui .app-shell.page-home .home-v2-winner-marquee{width:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(114,166,255,.2);background:#13356f}html.force-mobile-ui .app-shell.page-home .home-v2-winner-track{display:inline-flex;width:max-content;gap:10px;padding:10px;animation:homeWinnerTicker 26s linear infinite}html.force-mobile-ui .app-shell.page-home .home-v2-winner-chip{display:inline-flex;align-items:center;gap:8px;min-width:244px;padding:.5rem .72rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(114,166,255,.26);white-space:nowrap}html.force-mobile-ui .app-shell.page-home .home-v2-winner-chip span{color:#d6e4ff;font-size:clamp(.76rem,3.2vw,.88rem)}html.force-mobile-ui .app-shell.page-home .home-v2-winner-chip em{color:#8fb3ff;font-style:normal;font-size:clamp(.74rem,3vw,.84rem)}html.force-mobile-ui .app-shell.page-home .home-v2-winner-chip strong{color:#f8feff;font-size:clamp(.82rem,3.4vw,.94rem)}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-list.mini{margin-top:2px}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-item{border-bottom:1px solid rgba(114,166,255,.18);padding:10px 0}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-item:last-child{border-bottom:0}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-title{color:#eff5ff;font-size:clamp(.92rem,3.9vw,1.06rem);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-detail{margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}html.force-mobile-ui .app-shell.page-home .home-v2-orders .order-detail span{color:#a8b8da;font-size:clamp(.76rem,3.2vw,.9rem)}@keyframes homeWinnerTicker{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}html[dir=rtl].force-mobile-ui .app-shell.page-home .home-v2-section-head{flex-direction:row-reverse}html[dir=rtl].force-mobile-ui .app-shell.page-home .home-v2-section-head span{text-align:left}@media(max-width:480px){html.force-mobile-ui .app-shell.page-home .home-v2 .top-header{padding:12px}html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons{gap:6px}html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons .balance,html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons .logout,html.force-mobile-ui .app-shell.page-home .home-v2 .home-lang-toggle{min-height:38px;border-radius:10px;padding:0 8px}html.force-mobile-ui .app-shell.page-home .home-v2-winner-chip{min-width:212px}}html.force-mobile-ui .app-shell{width:min(430px,100vw);max-width:430px;margin-inline:auto;min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background:var(--theme-bg);color:var(--theme-text);padding:12px var(--app-side-pad) calc(126px + env(safe-area-inset-bottom,0px))}html.force-mobile-ui .app-shell .page-stack{width:100%;display:block;min-width:0}html.force-mobile-ui .app-shell .page{display:none;width:100%;min-width:0}html.force-mobile-ui .app-shell .page.active{display:block}html.force-mobile-ui .app-shell .flat-card,html.force-mobile-ui .app-shell .home-page-content,html.force-mobile-ui .app-shell .records-ref-page,html.force-mobile-ui .app-shell .start-ref-page,html.force-mobile-ui .app-shell .service-ref-page,html.force-mobile-ui .app-shell .profile-reference-page{width:100%;max-width:100%;min-width:0}html.force-mobile-ui .app-shell.page-home{background:var(--theme-bg)}html.force-mobile-ui .app-shell.page-home .home-page-content.home-v2{display:grid;gap:12px}html.force-mobile-ui .app-shell.page-home .home-v2 .top-header{display:grid;gap:10px;overflow:visible}html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html.force-mobile-ui .app-shell.page-home .home-v2 .action-buttons>*{min-width:0}html.force-mobile-ui .app-shell.page-home .home-v2 .home-lang-picker{position:relative;z-index:30;overflow:visible}html.force-mobile-ui .app-shell.page-home .home-v2 .home-lang-toggle{width:100%;min-height:40px;justify-content:center}html.force-mobile-ui .app-shell.page-home .home-v2 .home-lang-picker .lang-menu{position:absolute;inset-inline-start:0;inset-inline-end:auto;top:calc(100% + 8px);width:min(204px,calc(100vw - (var(--app-side-pad) * 2) - 12px));max-width:min(204px,calc(100vw - (var(--app-side-pad) * 2) - 12px));min-width:140px;max-height:min(240px,calc(var(--vh, 1vh) * 42));overflow-y:auto;overflow-x:hidden;z-index:300}html[dir=rtl].force-mobile-ui .app-shell.page-home .home-v2 .home-lang-picker .lang-menu{inset-inline-start:auto;inset-inline-end:0}html.force-mobile-ui .app-shell.page-home .home-v2 .home-lang-picker .lang-option{display:block;width:100%;text-align:start;white-space:normal;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-main-banner,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-section,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-winner,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-orders,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-section-viewport,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-product-image,html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-winner-marquee{overflow:hidden}html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-section-track,html.force-mobile-ui .app-shell.page-home .home-v2 .banner-track{width:100%}html.force-mobile-ui .app-shell.page-home .home-v2 .home-v2-winner-chip{min-width:220px;max-width:90%}html.force-mobile-ui .app-shell.page-home .home-v2 .order-item{width:100%}html.force-mobile-ui .app-shell.page-records{background:var(--theme-bg);color:var(--theme-text)}html.force-mobile-ui .app-shell.page-records .records-ref-tabs{position:sticky;top:0;z-index:10;background:var(--theme-surface-1);border:1px solid var(--theme-border);border-radius:14px;overflow:hidden;margin-bottom:10px}html.force-mobile-ui .app-shell.page-records .records-ref-tab{color:var(--theme-text-muted);font-size:clamp(.92rem,3.8vw,1.02rem);padding:12px 6px 14px}html.force-mobile-ui .app-shell.page-records .records-ref-tab.active{color:#fff}html.force-mobile-ui .app-shell.page-records .records-ref-tab.active:after{width:26px;height:3px;bottom:4px;background:var(--theme-primary)}html.force-mobile-ui .app-shell.page-records .records-ref-list{padding:0;gap:10px}html.force-mobile-ui .app-shell.page-records .records-ref-card{background:var(--theme-surface-1);border:1px solid var(--theme-border);border-radius:14px;padding:12px}html.force-mobile-ui .app-shell.page-records .records-ref-time{color:#9bb0d7;font-size:clamp(.82rem,3.2vw,.95rem)}html.force-mobile-ui .app-shell.page-records .records-ref-divider{background:#72a6ff33}html.force-mobile-ui .app-shell.page-records .records-ref-body{grid-template-columns:86px minmax(0,1fr) auto;gap:10px}html.force-mobile-ui .app-shell.page-records .records-ref-thumb img{width:86px;height:86px;border-radius:10px;border:1px solid var(--theme-border)}html.force-mobile-ui .app-shell.page-records .records-ref-main h4{margin-bottom:8px;color:#eff5ff;font-size:clamp(.98rem,4.1vw,1.12rem)}html.force-mobile-ui .app-shell.page-records .records-ref-line{color:#afc3e8;font-size:clamp(.88rem,3.6vw,.98rem)}html.force-mobile-ui .app-shell.page-records .records-ref-line.commission{color:#ff93a6}html.force-mobile-ui .app-shell.page-records .records-ref-value{text-align:right;gap:6px}html.force-mobile-ui .app-shell.page-records .records-ref-amount{color:#eff5ff;font-size:clamp(1rem,4.2vw,1.14rem);white-space:nowrap}html.force-mobile-ui .app-shell.page-records .records-ref-commission{color:#ff93a6;font-size:clamp(1rem,4.2vw,1.14rem);white-space:nowrap}html.force-mobile-ui .app-shell.page-start{background:var(--theme-bg);color:var(--theme-text)}html.force-mobile-ui .app-shell.page-start .start-ref-page{overflow:hidden}html.force-mobile-ui .app-shell.page-start .start-ref-hero,html.force-mobile-ui .app-shell.page-start .start-ref-balance-card,html.force-mobile-ui .app-shell.page-start .start-ref-steps-card{width:100%;max-width:100%}html.force-mobile-ui .app-shell.page-start .start-ref-steps-card{margin:20px 0 0;padding:6px 2px}html.force-mobile-ui .app-shell.page-start .start-ref-balance-card h2{font-size:clamp(2rem,9.2vw,2.5rem)}html.force-mobile-ui .app-shell.page-start .start-ref-steps-card h3{font-size:clamp(1.5rem,6.8vw,2rem)}html.force-mobile-ui .app-shell.page-start .start-ref-steps-card ol{font-size:clamp(.95rem,4.3vw,1.08rem)}html.force-mobile-ui .app-shell.page-service,html.force-mobile-ui .app-shell.page-profile{background:var(--theme-bg);color:var(--theme-text)}html.force-mobile-ui .app-shell.page-service .service-ref-page{display:grid;gap:12px}html.force-mobile-ui .app-shell.page-service .service-ref-hero,html.force-mobile-ui .app-shell.page-service .service-ref-shortcuts,html.force-mobile-ui .app-shell.page-service .service-ref-faq{border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface-1);padding:14px}html.force-mobile-ui .app-shell.page-service .service-ref-head h3{margin:0;color:#eff5ff;font-size:clamp(1.1rem,4.9vw,1.3rem)}html.force-mobile-ui .app-shell.page-service .service-ref-head p{margin:6px 0 0;color:var(--theme-text-muted);font-size:clamp(.84rem,3.5vw,.94rem);line-height:1.45}html.force-mobile-ui .app-shell.page-service .service-ref-entry-btn{margin-top:12px}html.force-mobile-ui .app-shell.page-service .service-ref-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html.force-mobile-ui .app-shell.page-service .service-ref-tile{min-width:0;border-radius:12px;border:1px solid var(--theme-border);background:var(--theme-surface-2);color:#e6f2ff;display:grid;justify-items:center;gap:8px;padding:12px 8px}html.force-mobile-ui .app-shell.page-service .service-ref-tile i{font-size:1.12rem;color:#8ad2ff}html.force-mobile-ui .app-shell.page-service .service-ref-tile span{text-align:center;font-size:clamp(.8rem,3.4vw,.9rem);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}html.force-mobile-ui .app-shell.page-service .service-ref-faq{display:grid;gap:10px}html.force-mobile-ui .app-shell.page-service .service-ref-faq-item{border:1px solid rgba(114,166,255,.2);border-radius:12px;background:#13356f;padding:12px}html.force-mobile-ui .app-shell.page-service .service-ref-faq-item h4{margin:0 0 6px;color:#eff5ff;font-size:clamp(.98rem,4vw,1.08rem)}html.force-mobile-ui .app-shell.page-service .service-ref-faq-item p{margin:0;color:#a9bedf;font-size:clamp(.82rem,3.4vw,.92rem);line-height:1.5}html.force-mobile-ui .app-shell.page-profile .profile-reference-page{display:grid;gap:12px}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav{position:fixed;left:50%;right:auto;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom,0px));width:min(calc(var(--app-max-width, 430px) - (var(--app-side-pad, 16px) * 2)),calc(100vw - (var(--app-side-pad, 16px) * 2)));max-width:calc(100vw - (var(--app-side-pad, 16px) * 2));margin:0;padding:8px;border-radius:24px;border:1px solid rgba(88,140,228,.55);background:linear-gradient(180deg,#113067,#0f2957);box-shadow:0 14px 32px #08122c85,inset 0 1px #b4d7ff33;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:120}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item{min-width:0;min-height:82px;padding:8px 6px;border-radius:18px;border:1px solid transparent;background:transparent;color:#b8caeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item i{font-size:1.68rem;line-height:1}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item span{font-size:calc(11px * var(--lang-text-factor, 1));font-weight:600;line-height:1.1;white-space:nowrap}html.force-mobile-ui .app-shell .bottom-nav.flat-bottom-nav .nav-item.active{border-color:#569effa6;background:linear-gradient(135deg,#496ef8e6,#31abf1e6);color:#f4fbff;box-shadow:inset 0 1px #dbefff59,0 10px 20px #2c83ef47}@media(max-width:760px){html.force-mobile-ui .app-shell{width:100vw;max-width:100vw;border-radius:0}}@media(max-width:420px){html.force-mobile-ui .app-shell.page-records .records-ref-body{grid-template-columns:74px minmax(0,1fr) auto;gap:8px}html.force-mobile-ui .app-shell.page-records .records-ref-thumb img{width:74px;height:74px}html.force-mobile-ui .app-shell.page-service .service-ref-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}