.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.quick-card{display:flex;flex-direction:column;gap:7px;padding:18px;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(15,47,39,.08)}
.quick-card strong{font-size:16px}.quick-card span{font-size:12px;color:#68756f;line-height:1.5}
@media(max-width:600px){.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-card{padding:15px 13px}}

.bottom-nav a.active,.bottom-nav a.active span{color:#e2322c;font-weight:800}
.home-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:28px;border-radius:26px;background:linear-gradient(135deg,#df302a,#f0634f);color:#fff;box-shadow:0 16px 38px rgba(198,48,43,.18)}
.home-hero h1{margin-bottom:8px}.home-hero p{margin:0;color:#ffe6e2}.home-hero .eyebrow{color:#ffd2cb}
.home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 26px}
.home-actions>a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:19px 12px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-align:center}
.home-actions small{color:var(--muted);font-size:11px}.action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;font-weight:900}.action-icon.red{background:#e4483f}.action-icon.blue{background:#2faee7}.action-icon.gold{background:#e8a42e}.action-icon.green{background:#20b96b}
.compact-stats{grid-template-columns:repeat(3,1fr)}
.mini-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.mini-product{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink)}.mini-product-image{height:110px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:#f6efe5}.mini-product-image img{width:100%;height:100%;object-fit:cover}.mini-product-image span{font-size:36px;color:#d7493f;font-weight:900}.mini-product small{color:var(--muted)}
.mobile-titlebar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:58px;margin:-28px calc(50% - 50vw) 18px;padding:0 max(12px,calc((100vw - 1180px)/2));background:#df1f19;color:#fff;text-align:center}.mobile-titlebar h1{font-size:21px;margin:0}.mobile-titlebar a{color:#fff;font-size:28px}.mobile-titlebar>a:last-child{font-size:12px;text-align:right}
.purchase-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 14px;background:#fff;border-bottom:1px solid #eee}.purchase-tabs a{padding:14px 4px;text-align:center;color:#4d4d4d}.purchase-tabs a.active{color:#08a9dd;font-weight:800;border-bottom:3px solid #08a9dd}
.purchase-list{display:flex;flex-direction:column;gap:12px}.purchase-card{background:#fff;border-radius:4px;box-shadow:0 3px 13px rgba(0,0,0,.04);overflow:hidden}.purchase-main{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px;color:var(--ink)}.purchase-image{height:130px;display:grid;place-items:center;background:#f5ead7;overflow:hidden}.purchase-image img{width:100%;height:100%;object-fit:cover}.purchase-image span{font-size:48px;font-weight:900;color:#d6473c}.purchase-info h2{font-size:19px;margin:5px 0 10px}.purchase-info p{margin:5px 0}.purchase-info time,.purchase-info small{color:#9a9a9a;font-size:12px}.seller-tag,.buyer-tag{display:inline-block;color:#fff;padding:3px 8px;border-radius:3px;margin-right:7px}.seller-tag{background:#e31b15}.buyer-tag{background:#13aee8}.purchase-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid #eee}.purchase-footer>span strong{font-size:21px;color:#dd2b25}.purchase-footer>div{display:flex;align-items:center;gap:10px}.purchase-footer small{color:#d65a50}.pay-now{display:inline-flex;padding:10px 25px;border-radius:999px;background:#08c86b;color:#fff}.detail-link{color:#138dbe}.purchase-empty{min-height:320px;display:grid;place-items:center;background:#fff;color:#aaa}
.profile-card{overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#3274c8,#56a4e5);color:#fff;box-shadow:0 14px 34px rgba(50,116,200,.2)}.profile-head{display:flex;align-items:center;gap:13px;padding:22px}.profile-head .avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.25);font-size:23px;font-weight:800}.profile-head h1{font-size:22px;margin:0 0 3px}.profile-head p{margin:0;color:#e8f4ff}.profile-head>a{margin-left:auto;color:#fff;font-size:13px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;background:rgba(20,73,144,.25)}.profile-meta a{display:flex;flex-direction:column;gap:5px;padding:16px 20px;color:#fff}.profile-meta a+ a{border-left:1px solid rgba(255,255,255,.2)}.profile-meta small{color:#dceeff}.profile-meta strong{font-size:19px}
.income-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.income-strip a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:19px 5px;color:var(--ink)}.income-strip a+a{border-left:1px solid var(--line)}.income-strip strong{color:#e13b32;font-size:19px}.income-strip span{font-size:13px;color:#616a66}
.menu-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.menu-card>a{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:15px 17px;color:var(--ink);border-bottom:1px solid var(--line)}.menu-card>a:last-child{border-bottom:0}.menu-card>a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#feeceb;color:#d9322b;font-size:13px;font-weight:800}.menu-card strong,.menu-card small{display:block}.menu-card small{margin-top:3px;color:var(--muted)}.menu-card b{color:#aaa;font-size:22px}
.amount-summary,.referral-code{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:23px;border-radius:18px;background:#fff;border:1px solid var(--line)}.amount-summary strong,.referral-code strong{font-size:30px;color:#dc312b}.referral-code p{margin:0;color:var(--muted)}.positive{color:#e6322b!important}.negative{color:#2f8a64!important}
.team-summary{display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:14px}.team-summary>div{display:flex;justify-content:space-between;gap:8px;padding:15px;border-bottom:1px solid var(--line)}.team-summary>div:nth-child(odd){border-right:1px solid var(--line)}.team-summary span{color:var(--muted)}.team-summary strong{color:#df352e}.team-table{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.team-head,.team-table>a{display:grid;grid-template-columns:1fr 90px 130px;align-items:center;gap:10px;padding:14px}.team-head{background:#f5f6f5;color:#777;font-size:12px}.team-table>a{border-top:1px solid var(--line);color:var(--ink)}.team-table>a>span strong,.team-table>a>span small{display:block}.team-table>a>span small{color:var(--muted);margin-top:4px}.team-table>a>b{text-align:right}
.profile-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 14px;padding:15px;width:min(590px,100%);border:1px solid var(--line);border-radius:14px;background:#fff}.profile-status p{width:100%;margin:0;color:var(--red)}
.withdraw-card{width:min(620px,100%);margin:0 auto;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.available-line{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.available-line strong{font-size:25px;color:#dd352f}.payout-readonly{display:flex;flex-direction:column;gap:4px;padding:14px 0}.payout-readonly span,.payout-readonly small{color:var(--muted)}.withdraw-form{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:end}.withdraw-form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.withdraw-form input{min-height:48px;padding:12px;border:1px solid #ccd4cf;border-radius:10px}

@media(max-width:700px){.home-actions{grid-template-columns:repeat(2,1fr)}.mini-product-grid{grid-template-columns:repeat(2,1fr)}.compact-stats{grid-template-columns:repeat(3,1fr)}.compact-stats .stat-card{min-height:90px;padding:13px}.compact-stats .stat-card strong{font-size:21px}.purchase-main{grid-template-columns:105px 1fr}.purchase-image{height:105px}.team-head,.team-table>a{grid-template-columns:1fr 58px 90px}.withdraw-form{grid-template-columns:1fr}.mobile-titlebar{margin-top:-15px}.home-hero{padding:22px 18px;border-radius:20px}.home-hero h1{font-size:28px}}
@media(max-width:420px){.purchase-main{grid-template-columns:92px 1fr;gap:10px;padding:11px}.purchase-image{height:92px}.purchase-info h2{font-size:17px}.purchase-info p{font-size:13px}.purchase-footer>div{flex-direction:column;align-items:flex-end;gap:3px}.pay-now{padding:9px 20px}.team-summary{grid-template-columns:1fr}.team-summary>div:nth-child(odd){border-right:0}.income-strip strong{font-size:16px}.bottom-nav a{min-width:90px}}
.seller-payment-box{display:flex;flex-direction:column;gap:7px;margin:18px 0;padding:16px;border:1px solid #f0d8b2;border-radius:15px;background:#fff8ec}.seller-payment-box h2,.seller-payment-box p{margin:0}.seller-payment-box>strong{font-size:20px;color:#d83b32;word-break:break-all}.seller-payment-box>small{color:var(--muted)}.seller-payment-box img{width:min(230px,100%);aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff}.shop-cert-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff0ee,#fff8ef);border:1px solid #f0ddd7}.shop-cert-card small,.shop-cert-card strong{display:block}.shop-cert-card strong{margin-top:5px;font-size:20px;color:#d7332d}
.account-summary{display:flex;align-items:center;gap:14px;margin:0 auto 16px;padding:20px;width:min(590px,100%);border-radius:18px;background:#fff;border:1px solid var(--line)}.account-summary .avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e7eaeb;color:#65706d;font-size:24px;font-weight:800}.account-summary strong,.account-summary small{display:block}.account-summary small{margin-top:5px;color:var(--muted)}.account-menu{width:min(590px,100%);margin:0 auto}.account-logout{width:min(590px,100%);margin:18px auto}.account-logout .button{width:100%}.button.danger{background:#ff3939;color:#fff}.proof-image-link{display:block;margin-top:12px}.proof-image{display:block;width:min(320px,100%);max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:13px;background:#f6f7f6}.shop-action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.shop-action-grid a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-align:center}.shop-action-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f2ff;color:#2679ba;font-weight:900}.shop-action-grid strong{font-size:12px}.shop-task-card{margin-bottom:14px;padding:18px;border:1px solid #f1d9d5;border-radius:16px;background:#fff8f7}.shop-task-card h2{padding-bottom:9px;border-bottom:3px solid #d53e36}.shop-task-card p{margin:0;padding:11px 0;border-bottom:1px solid #f0e2df}.shop-task-card p:last-child{border-bottom:0}.shop-task-card span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:7px;background:#fde2df;color:#ce332d;font-weight:800}.rules-gap{margin-top:14px!important}
@media(max-width:600px){.shop-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shop-action-grid a{padding:11px 2px}.shop-action-grid span{width:32px;height:32px}.shop-action-grid strong{font-size:10px}}