: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: 400px;--app-side-pad: 16px}*{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%)}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:100vh}.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:100vh}.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:100vh;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:160px;display:none;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--flat-line);background:#102a59}.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}.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))}