*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}a{color:#2457d6;text-decoration:none}.nav{height:64px;background:#fff;border-bottom:1px solid #e6e9ef;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.nav div{display:flex;gap:18px;align-items:center}.nav b{font-size:20px}.container{max-width:1100px;margin:35px auto;padding:0 20px}.hero{max-width:1100px;margin:80px auto;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:0 20px;align-items:center}.hero h1{font-size:52px;line-height:1.05;margin:15px 0}.hero p{color:#647084;font-size:18px}.hero-card,.card,.panel{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:24px;box-shadow:0 8px 30px #18243a0a}.hero-card{padding:30px}.btn{display:inline-block;background:#2457d6;color:#fff;border:0;border-radius:9px;padding:11px 16px;cursor:pointer}.btn:hover{opacity:.9}.btn.wide{width:100%}.btn.danger{background:#c93636}.btn.small{padding:7px 10px;font-size:13px}.badge{background:#eaf0ff;color:#2457d6;padding:7px 11px;border-radius:999px;font-size:13px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.card strong{display:block;font-size:27px;margin-top:10px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f4}th{font-size:13px;color:#687386}.status{padding:5px 9px;border-radius:999px;font-size:12px}.status.pending{background:#fff3cd}.status.approved{background:#dff5e7}.status.rejected{background:#ffe2e2}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{width:min(430px,100%)}label{display:block;font-size:14px;font-weight:600;margin:16px 0}input,select{width:100%;padding:12px;margin-top:7px;border:1px solid #d8dee8;border-radius:9px;background:#fff;font:inherit}.alert{padding:13px;border-radius:9px;background:#eef4ff;margin:15px 0}.alert.error{background:#ffe7e7;color:#8d2222}.alert.success{background:#e1f7e8;color:#176b35}.inline{display:inline}.hero+footer,footer{text-align:center;color:#7b8494;padding:35px 15px;font-size:13px}@media(max-width:700px){.hero{grid-template-columns:1fr;margin:45px auto}.hero h1{font-size:38px}.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.nav{padding:0 20px}}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:14px}.notice{padding:14px;border-bottom:1px solid #edf0f4}.notice.unread{background:#f5f8ff}.notice.read{opacity:.75}.notice p{margin:7px 0;color:#5f697a}@media(max-width:900px){.nav{height:auto;min-height:64px;padding:12px 20px;gap:12px}.navlinks{justify-content:flex-end}}
/* User app-style interface */
.user-app{background:#f4f9ff;color:#263247;padding-bottom:92px}.user-app .container{max-width:760px;margin:0 auto;padding:22px 18px 110px}.user-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(255,255,255,.94);border-bottom:1px solid #e4edf8;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.user-topbar .brand{font-size:24px;font-weight:800;color:#176dd6;letter-spacing:-.5px}.top-profile{display:flex}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9f3ff;color:#1470da;font-weight:800;border:2px solid #d6eaff}.user-home{display:flex;flex-direction:column;gap:16px}.welcome-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 2px}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;color:#7890aa;font-weight:800}.welcome-row h1{font-size:25px;margin:3px 0 2px;letter-spacing:-.5px}.welcome-row p{margin:0;color:#7a8799;font-size:12px}.online-dot{font-size:11px;color:#168b50;background:#e9faef;border:1px solid #d2f1de;padding:6px 9px;border-radius:999px;font-weight:700}.seller-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f0f7ff);border:1px solid #dfeaf8;border-radius:26px;padding:18px 20px;box-shadow:0 12px 35px rgba(31,98,180,.08);min-height:112px}.seller-main{display:flex;align-items:flex-end;gap:12px}.seller-label{font-size:10px;color:#8293a8;font-weight:800;letter-spacing:1px;padding-bottom:7px}.seller-score{font-size:40px;line-height:1;font-weight:800;color:#16243a}.seller-badge{position:absolute;left:168px;top:24px;background:#ffd51b;color:#1d2330;font-size:13px;font-weight:800;padding:10px 17px;border-radius:24px;box-shadow:0 5px 12px rgba(225,184,0,.12)}.seller-progress{position:absolute;right:18px;top:28px;width:28%;height:7px;background:#e6f0f7;border-radius:99px;overflow:hidden}.seller-progress span{display:block;width:88%;height:100%;background:#ffd000;border-radius:99px}.balance-card{background:linear-gradient(135deg,#1978e5,#1663d2);border-radius:26px;color:#fff;padding:21px 21px 19px;box-shadow:0 18px 38px rgba(20,101,211,.22)}.balance-head{display:flex;justify-content:space-between;align-items:center;color:#dbeaff;font-size:12px;font-weight:700}.balance-head a{color:#fff;font-size:11px;text-decoration:underline}.balance-value{font-size:31px;font-weight:800;letter-spacing:-.8px;margin:7px 0}.balance-meta{display:flex;gap:8px;color:#cfe2ff;font-size:11px}.balance-actions{display:flex;gap:9px;margin-top:16px}.primary-action,.secondary-action{flex:1;text-align:center;padding:11px;border-radius:13px;font-size:12px;font-weight:800}.primary-action{background:#fff;color:#1266d6}.secondary-action{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.1)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{background:#fff;border:1px solid #e2ebf5;border-radius:20px;padding:15px;box-shadow:0 7px 22px rgba(43,82,123,.05);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px}.quick-icon{grid-row:1/3;width:40px;height:40px;border-radius:14px;background:#e9f3ff;color:#1470da;display:grid;place-items:center;font-size:20px}.quick-card b{font-size:13px;color:#263247}.quick-card small{font-size:10px;color:#8795a6;margin-top:3px}.info-card{display:flex;gap:12px;align-items:flex-start;background:#edf6ff;border:1px solid #d9ebff;border-radius:19px;padding:14px}.info-icon{width:34px;height:34px;border-radius:12px;background:#d8ecff;color:#1672d9;display:grid;place-items:center;flex:none}.info-card b{font-size:13px}.info-card p{font-size:11px;color:#687b91;margin:4px 0 0;line-height:1.5}.recent-card{background:#fff;border:1px solid #e1eaf4;border-radius:22px;padding:16px;box-shadow:0 7px 22px rgba(43,82,123,.05)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.section-head h2{font-size:16px;margin:0}.section-head a{font-size:11px;color:#1972d8}.recent-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f7}.recent-row:last-child{border-bottom:0}.recent-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:17px}.recent-icon.deposit{background:#e7f8ed;color:#159052}.recent-icon.withdraw{background:#fff0f0;color:#d33c3c}.recent-desc{display:flex;flex-direction:column;flex:1}.recent-desc b{font-size:12px}.recent-desc small{font-size:10px;color:#8a97a7;margin-top:2px}.recent-amount{font-size:11px;font-weight:800}.empty-state{padding:18px;text-align:center;color:#94a0af;font-size:12px}.account-card{background:#fff;border:1px solid #e1eaf4;border-radius:19px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.account-card div{display:flex;flex-direction:column;gap:3px}.account-card b{font-size:12px}.account-card small{font-size:11px;color:#8593a4}.account-card a{background:#edf6ff;color:#1470d6;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:800}.mobile-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);height:82px;background:rgba(255,255,255,.96);border:1px solid #e0e8f2;border-bottom:0;border-radius:25px 25px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:end;padding:8px 7px calc(8px + env(safe-area-inset-bottom));z-index:50;box-shadow:0 -10px 30px rgba(37,80,124,.12);backdrop-filter:blur(15px)}.mobile-bottom-nav a{height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#778495;font-size:10px;font-weight:700;position:relative}.mobile-bottom-nav a.active{color:#1470d6}.nav-ico{font-size:27px;line-height:25px;font-weight:400}.mobile-bottom-nav .store-nav{color:#1470d6;transform:translateY(-18px)}.store-circle{width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#2781f1,#1664d6);border:7px solid #edf5ff;box-shadow:0 9px 22px rgba(25,103,214,.28);display:grid;place-items:center;color:#fff;font-size:34px;margin-bottom:-1px}.store-circle span{transform:rotate(-18deg)}.store-nav>span:last-child{font-size:11px;margin-top:2px}@media(min-width:761px){.user-app .mobile-bottom-nav{bottom:18px;border:1px solid #dce8f5;border-radius:24px}.user-app{padding-bottom:30px}.user-app .container{padding-bottom:100px}}@media(max-width:520px){.seller-badge{left:145px;font-size:11px;padding:9px 12px}.seller-progress{width:25%}.seller-score{font-size:36px}.balance-value{font-size:28px}}@media(max-width:380px){.seller-badge{position:static;display:inline-block;margin-top:10px}.seller-progress{display:none}}