:root{--navy:#0B132B;--navy-2:#111d3d;--green:#10B981;--green-dark:#078b61;--paper:#F8FAFC;--ink:#0B132B;--muted:#69758a;--line:#e5eaf1;--surface:#fff;--soft-green:#e7f8f1;--shadow:0 20px 60px rgba(11,19,43,.08);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 88% 0,#e9f7f2 0,transparent 28%),var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}a{color:var(--green-dark)}.shell,.container{width:min(1160px,calc(100% - 36px));margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(11,19,43,.07)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font:800 19px Manrope,sans-serif;text-decoration:none;letter-spacing:-.04em}.brand img{width:38px;height:38px}.navlinks{display:flex;align-items:center;gap:24px}.navlinks a{font-size:13px;color:#5d6880;text-decoration:none;font-weight:600}.button,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:12px;padding:12px 17px;background:var(--green);color:#06291e;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s}.button:hover,.btn:hover{background:#0ca573;transform:translateY(-1px)}.button.dark,.btn.dark{background:var(--navy);color:white}.button.light,.btn.light{background:#eef2f7;color:var(--navy)}.button:disabled,.btn:disabled{opacity:.55;cursor:wait;transform:none}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--green-dark)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.045em;color:var(--navy)}.muted,.copy{color:var(--muted);line-height:1.65}.card,.panel,.stat{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.card{padding:clamp(22px,4vw,38px)}.section{padding:56px 0}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero-title{font:800 clamp(42px,6.2vw,76px)/.99 Manrope,sans-serif;max-width:720px;margin:18px 0;letter-spacing:-.075em}.pill{display:inline-flex;padding:7px 11px;border-radius:99px;background:var(--soft-green);color:#087750;font-size:11px;font-weight:800}.field{display:grid;gap:7px}.field label,label{font-size:12px;font-weight:700;color:#35415a}.field input,.field textarea,.field select,input,textarea,select{border:1px solid #dce3ed;background:#fbfcfe;color:var(--ink);border-radius:11px;padding:12px;outline:0}.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #10b98120}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .wide{grid-column:1/-1}.brand-mark{width:42px;height:42px}.status{display:inline-flex;border-radius:99px;padding:6px 10px;background:#eff3f8;color:#45546c;font-size:10px;font-weight:800}.status.locked,.status.PAYOUT_PENDING{background:#fff4d9;color:#895c00}.status.released,.status.CERTIFIED{background:#e5f8ef;color:#087750}.status.DISPUTED,.status.failed,.status.REJECTED{background:#fff0ef;color:#a3362a}.notice{padding:14px 16px;border-radius:13px;background:#f1f6f4;color:#526477;font-size:12px;line-height:1.6}.notice.warn{background:#fff8e9;color:#775c24}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:14px 16px;font-size:12px}th{color:#788398;text-transform:uppercase;letter-spacing:.08em;font-size:10px;background:#fbfcfe}td{color:#48546a}.toast{padding:12px 14px;border-radius:10px;font-size:13px}.toast.error{background:#fff0ef;color:#a3362a}.toast.success{background:#e5f8ef;color:#087750}.hidden,[hidden]{display:none!important}.footer{padding:28px 0;color:#8791a2;font-size:11px;border-top:1px solid var(--line)}.qr{background:white;padding:12px;border-radius:15px;border:1px solid var(--line)}@media(max-width:760px){.shell,.container{width:min(100% - 24px,1160px)}.topbar{height:64px}.navlinks{gap:12px}.navlinks a:not(.button){display:none}.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:34px 0}.hero-title{font-size:clamp(42px,13vw,64px)}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.card{border-radius:16px}.toolbar{align-items:flex-start;flex-direction:column}}
.pay{background:var(--green);color:#06291e;border-radius:12px;font-weight:800}.pay:hover{background:#0ca573}.summary .safe{background:#f1f6f4;border-radius:12px;padding:13px}.otp{color:var(--green-dark)!important}.mark{background:var(--navy)!important;color:white!important}.refresh,.verify{background:var(--green)!important;color:#06291e!important}.stat-value{color:var(--navy)}
.badge.pending{background:#e7efff!important;color:#2855a6!important}.badge.locked{background:#fff4d9!important;color:#895c00!important}.badge.released{background:#e5f8ef!important;color:#087750!important}
/* Premium fintech components shared by checkout, seller dashboard and admin. */
body{background-color:#F8FAFC;color:#0f172a}
.card,.panel,.stat{background:#fff;border-color:#E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.035)}
.btn,.button,.refresh,.verify,.pay{background:#10B981!important;color:#fff!important;box-shadow:0 1px 2px rgba(5,150,105,.15);transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.btn:hover,.button:hover,.refresh:hover,.verify:hover,.pay:hover{background:#059669!important;box-shadow:0 5px 14px rgba(5,150,105,.18);transform:translateY(-1px)}
.btn:active,.button:active,.refresh:active,.verify:active,.pay:active{transform:scale(.98)}
.btn.light,.button.light{background:#F1F5F9!important;color:#334155!important;box-shadow:none}
.btn.light:hover,.button.light:hover{background:#E2E8F0!important}
.premium-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:132px;padding:20px!important}
.kpi-copy{min-width:0}.premium-kpi .stat-label{font-size:12px;color:#64748b}.premium-kpi .stat-value{font-size:27px;font-weight:800;color:#0f172a;letter-spacing:-.045em;line-height:1.15;overflow-wrap:anywhere}
.kpi-hint{display:inline-flex;margin-top:9px;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;background:#f1f5f9;color:#64748b}.kpi-hint.amber{background:#fffbeb;color:#a16207}.kpi-hint.blue{background:#eff6ff;color:#2563eb}.kpi-hint.green{background:#ecfdf5;color:#047857}
.kpi-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:#ecfdf5;color:#059669}.kpi-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kpi-icon.blue{background:#eff6ff;color:#2563eb}.kpi-icon.violet{background:#f5f3ff;color:#7c3aed}.kpi-icon.amber{background:#fffbeb;color:#d97706}
.empty-state{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#475569}.empty-state small{font-size:12px;color:#94a3b8}.empty-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:5px;background:#ecfdf5;color:#059669;font-size:17px;font-weight:800}
.panel-head{color:#0f172a;font-weight:800}.table-wrap{border-radius:0 0 18px 18px}th{color:#64748b;background:#f8fafc}td{color:#475569}
.checkout-premium{background:#F8FAFC!important;color:#0f172a!important}.checkout-premium .card{border:1px solid #E2E8F0!important;box-shadow:0 2px 5px rgba(15,23,42,.04),0 16px 34px rgba(15,23,42,.045)!important}.checkout-premium .pay{background:#10B981!important;color:#fff!important}.checkout-premium .pay:hover{background:#059669!important}.checkout-premium .product{background:#f8fafc!important;border:1px solid #eef2f7}
.seller-premium{background:radial-gradient(ellipse at 90% 0,#e8f8f1 0,transparent 32%),#F8FAFC!important;color:#0f172a!important}.seller-premium .stat,.seller-premium .panel{border-color:#E2E8F0!important;box-shadow:0 1px 2px rgba(15,23,42,.035),0 10px 28px rgba(15,23,42,.035)!important}.seller-premium .panel-head{position:relative;color:#0f172a;border-bottom-color:#eef2f7}.seller-premium .panel-head:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:10px;background:#10B981;box-shadow:0 0 0 4px #ecfdf5}.seller-premium .stats .stat{border-radius:16px}.seller-premium dialog{border:1px solid #E2E8F0!important}.seller-premium .empty-icon{display:inline-grid;vertical-align:middle}
.checkout-premium .eyebrow,.seller-premium .eyebrow{color:#059669}.checkout-premium input,.seller-premium input,.seller-premium select{border-color:#E2E8F0}.checkout-premium input:focus,.seller-premium input:focus,.seller-premium select:focus{border-color:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.14)}
.admin-tabs{display:flex;gap:5px;margin:22px 0 14px;padding:5px;border:1px solid #E2E8F0;border-radius:15px;background:#fff;overflow-x:auto;box-shadow:0 1px 2px rgba(15,23,42,.035)}.admin-tab{flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:#64748b;padding:11px 14px;font-size:12px;font-weight:750;cursor:pointer;transition:all .18s}.admin-tab:hover{background:#f8fafc;color:#0f172a}.admin-tab.is-active{background:#ecfdf5;color:#047857;box-shadow:inset 0 0 0 1px #d1fae5}.admin-tab-panel[hidden]{display:none!important}.admin-summary{margin-top:0}.admin-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.admin-summary-grid>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;border:1px solid #eef2f7;border-radius:12px;background:#fbfdff;color:#64748b;font-size:12px}.admin-summary-grid b{font-size:19px;color:#0f172a}.admin-main .cardrow:hover,.admin-main tbody tr:hover td{background:#f8fafc}.admin-main .panel-head{display:flex;align-items:center;gap:9px}.admin-main .panel-head:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;background:#10B981;box-shadow:0 0 0 4px #ecfdf5}
@media(max-width:760px){.premium-kpi{min-height:116px;padding:15px!important}.premium-kpi .stat-value{font-size:22px}.kpi-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}}
@media(max-width:640px){.admin-tabs{margin:16px 0 12px}.admin-tab{padding:10px;font-size:11px}.admin-summary-grid{grid-template-columns:1fr}.admin-summary-grid>div{padding:11px 13px}}
html,body{max-width:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}header,.pwa-header{padding-top:max(.75rem,env(safe-area-inset-top))}.topbar{height:auto;min-height:76px;padding-top:max(.75rem,env(safe-area-inset-top))}.shell,.container,.admin-main{min-width:0}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto;overscroll-behavior:contain}button,.button,.btn{max-width:100%;white-space:normal}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.panel,.card,.stat{min-width:0}@media(max-width:760px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{min-height:calc(64px + env(safe-area-inset-top))}.keyform{flex-wrap:wrap}.keyform button{width:100%}}

.seller-impact{margin:8px 0 20px;padding:clamp(18px,3vw,26px);border:1px solid #dbeee5;border-radius:24px;background:linear-gradient(135deg,#f0fdf6,#fff 70%);box-shadow:0 14px 38px rgba(16,185,129,.06)}
.seller-impact-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.seller-impact-title h2,.seller-settings h2{margin:6px 0 0;font-size:clamp(19px,3vw,24px);letter-spacing:-.04em;color:#0f172a}.impact-period{padding:7px 11px;border-radius:99px;background:#fff;color:#64748b;font-size:11px;font-weight:700}
.seller-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.impact-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;border:1px solid #e7edf0;border-radius:17px;background:#fff}.impact-card>span{font-size:11px;font-weight:700;color:#64748b}.impact-card strong{font-size:clamp(19px,2.4vw,26px);letter-spacing:-.045em;color:#0f172a;overflow-wrap:anywhere}.impact-card small{font-size:10px;color:#94a3b8;line-height:1.4}.impact-card.impact-primary{background:#0b132b;border-color:#0b132b}.impact-card.impact-primary>span,.impact-card.impact-primary small{color:#b7c8c2}.impact-card.impact-primary strong{color:#fff}
.seller-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.seller-shortcut,.seller-setting{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;color:#0f172a;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:transform .18s,border-color .18s,box-shadow .18s}.seller-shortcut:hover,.seller-setting:hover{transform:translateY(-2px);border-color:#a7f3d0;box-shadow:0 10px 24px rgba(15,23,42,.06)}.seller-shortcut>span,.setting-icon{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ecfdf5;font-size:20px}.seller-shortcut b,.seller-setting b{font-size:12px;line-height:1.35}.seller-shortcut small,.seller-setting small{font-size:10px;color:#94a3b8;line-height:1.4}.seller-shortcut em,.seller-setting em{grid-column:3;grid-row:1/3;color:#94a3b8;font-size:23px;font-style:normal}.seller-shortcut.is-active{border-color:#6ee7b7;background:#f0fdf7;box-shadow:inset 0 0 0 1px #d1fae5}
.seller-premium #seller-orders-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.seller-premium #seller-order-search{max-width:290px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:10px;font-size:12px}.seller-premium .seller-open-order{padding:9px 11px;border:1px solid #d1fae5;border-radius:10px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:800;cursor:pointer}.seller-premium .seller-order-row:hover{background:#f8fafc}.seller-premium .seller-settings{margin:22px 0}.seller-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.seller-payouts-panel[hidden]{display:none!important}
.seller-order-dialog{width:min(94vw,650px);padding:clamp(18px,4vw,28px);border:1px solid #e2e8f0;border-radius:22px;background:#fff;color:#0f172a;box-shadow:0 28px 90px rgba(15,23,42,.2)}.seller-order-dialog::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(3px)}.seller-detail-close{float:right;width:36px;height:36px;border:0;border-radius:11px;background:#f1f5f9;color:#475569;font-size:23px;cursor:pointer}.seller-order-dialog h2{margin:8px 44px 4px 0;font-size:24px;letter-spacing:-.04em}.seller-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.seller-detail-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid #eef2f7;border-radius:12px;background:#fbfdff}.seller-detail-grid b,.seller-amount-breakdown span{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.seller-detail-grid span{font-size:12px;color:#334155;overflow-wrap:anywhere}.seller-amount-breakdown{padding:14px;border-radius:14px;background:#f8fafc}.seller-amount-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.seller-amount-breakdown b{font-size:13px;color:#0f172a}.seller-amount-breakdown>div:last-child{margin-top:5px;padding-top:12px;border-top:1px solid #e2e8f0}.seller-order-share{display:flex;align-items:center;gap:16px;margin:16px 0;padding:14px;border:1px solid #eef2f7;border-radius:14px}.seller-order-share svg{width:116px;height:116px}.seller-order-share>div:last-child{display:grid;gap:9px}.seller-order-share a{font-size:12px;font-weight:750;color:#047857}.seller-delivery-form{display:grid;gap:12px;margin-top:16px;padding:15px;border:1px solid #d1fae5;border-radius:15px;background:#f0fdf7}.seller-delivery-form label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#475569}.seller-delivery-form input[type=file]{width:100%;min-width:0;font-size:11px}.seller-delivery-form .verify{min-height:43px}
@media(max-width:760px){.seller-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-shortcuts,.seller-settings-grid{grid-template-columns:1fr}.seller-shortcut,.seller-setting{padding:14px}.seller-impact{border-radius:19px}.seller-impact-title{align-items:flex-start}.impact-period{max-width:42%;text-align:center}.seller-premium #seller-orders-panel .panel-head{align-items:stretch;flex-direction:column}.seller-premium #seller-order-search{max-width:none;width:100%}.seller-premium #seller-orders-panel table{min-width:700px}.seller-order-dialog{padding:18px}.seller-order-share{align-items:flex-start}.seller-order-share svg{width:94px;height:94px}}
@media(max-width:390px){.seller-impact-grid{gap:7px}.impact-card{padding:12px}.impact-card strong{font-size:18px}.seller-detail-grid{grid-template-columns:1fr}.seller-order-share{flex-direction:column}}
.seller-premium{padding:calc(10px + env(safe-area-inset-top)) 12px calc(105px + env(safe-area-inset-bottom))!important;background:#f1f2f5!important}.seller-premium .shell{width:100%;max-width:550px;margin:0 auto}.seller-premium .top{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin:0 -4px 16px;padding:8px 4px;background:rgba(241,242,245,.94);backdrop-filter:blur(16px)}.seller-premium .brand{font-size:18px}.seller-header-subscription{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.seller-header-subscription[hidden]{display:none!important}.seller-header-subscription .badge{font-size:10px}.renew-subscription{border:0;border-radius:99px;background:#dc2626;color:white;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.seller-premium #logout{grid-column:2;grid-row:1}.seller-premium .top-note{display:none}.seller-app-view[hidden]{display:none!important}.seller-view-heading{margin:12px 0 16px}.seller-view-heading h1{margin:5px 0;font-size:27px}.seller-view-heading p{margin:0;color:#788294;font-size:13px}.seller-balance-card{display:grid;gap:12px;margin:10px 0 15px;padding:21px;border-radius:23px;background:linear-gradient(145deg,#0b132b,#14233d);color:#fff;box-shadow:0 15px 35px rgba(11,19,43,.18)}.seller-balance-card .eyebrow{color:#a7f3d0}.seller-balance-card>strong{font-size:34px;letter-spacing:-.05em}.seller-balance-card>div{display:grid;gap:7px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14);font-size:11px;color:#cbd5e1}.seller-balance-card>div span:last-child{display:flex;justify-content:space-between}.seller-balance-card>div b{color:#fff}.seller-primary-action{display:flex;align-items:center;justify-content:center;min-height:47px;border:0;border-radius:13px;background:#10b981;color:#fff;font-size:14px;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .16s,background .16s}.seller-primary-action:hover{background:#059669}.seller-primary-action:active{transform:scale(.98)}.seller-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px;padding:14px;border:1px solid #e5e7eb;border-radius:15px;background:#fff}.seller-subscription-card>div{display:grid;gap:5px}.seller-subscription-card b{font-size:12px}.seller-subscription-card>div span{font-size:11px;color:#64748b}.seller-subscription-card #subscription-message{font-size:10px;color:#64748b}.seller-bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(550px,calc(100vw - 20px));padding:8px 8px max(8px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.9);border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(15,23,42,.17);backdrop-filter:blur(18px)}.seller-bottom-nav button{position:relative;display:grid;justify-items:center;gap:3px;padding:4px 2px;border:0;background:transparent;color:#8993a3;font:inherit;cursor:pointer}.seller-bottom-nav button>span{font-size:22px;line-height:1.1}.seller-bottom-nav button>b{font-size:10px;font-weight:700}.seller-bottom-nav button>i{width:6px;height:6px;border-radius:50%;background:transparent}.seller-bottom-nav button[aria-current="page"]{color:#059669}.seller-bottom-nav button[aria-current="page"]>span{filter:drop-shadow(0 0 7px rgba(16,185,129,.55))}.seller-bottom-nav button[aria-current="page"]>i{background:#10b981;box-shadow:0 0 9px #10b981}.seller-settings-list{overflow:hidden;margin:13px 0 20px;border:1px solid #eceef2;border-radius:20px;background:#fff}.seller-settings{margin:10px 0 25px}.seller-settings h2{font-size:21px!important}.seller-settings-list .seller-setting{width:100%;min-height:68px;padding:12px 15px;border:0;border-radius:0;box-shadow:none;grid-template-columns:38px minmax(0,1fr) 20px}.seller-settings-list .seller-setting+.seller-setting{border-top:1px solid #edf0f3}.seller-settings-list .seller-setting:hover{transform:none;background:#fafbfc;box-shadow:none}.seller-settings-list .setting-icon{width:36px;height:36px;border-radius:12px;font-size:18px}.seller-settings-list .seller-setting b{font-size:13px}.seller-settings-list .seller-setting small{font-size:10px}.seller-logout-link{display:block;margin:16px auto;border:0;background:transparent;color:#dc2626;font-weight:800;cursor:pointer}.seller-premium .seller-shortcuts{grid-template-columns:1fr;gap:8px;margin:12px 0}.seller-premium .seller-shortcut{min-height:64px;padding:11px 13px;border-radius:15px}.seller-premium #seller-orders-panel,.seller-premium .seller-payouts-panel{border-radius:18px}.seller-premium #seller-orders-panel .panel-head,.seller-premium .seller-payouts-panel .panel-head{padding:15px}.seller-premium #seller-orders-panel .seller-table-wrap,.seller-premium .seller-payouts-panel .seller-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.seller-settings-dialog{width:min(94vw,510px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 22px);padding:19px;border:1px solid #e2e8f0;border-radius:22px;background:#f8fafc;color:#0f172a;box-shadow:0 28px 90px rgba(15,23,42,.22);overflow:auto}.seller-settings-dialog::backdrop{background:rgba(11,19,43,.48);backdrop-filter:blur(3px)}.seller-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.seller-dialog-head h2{margin:0;font-size:21px;letter-spacing:-.04em}.seller-dialog-head button{width:36px;height:36px;border:0;border-radius:11px;background:#e9edf2;color:#334155;font-size:21px}.seller-settings-dialog #kyc-panel{margin:0!important;padding:0!important;border:0!important;background:transparent;box-shadow:none!important;overflow:visible}.seller-settings-dialog #kyc-panel .panel-head{padding:12px 0;border:0}.seller-settings-dialog #kyc-panel>p{padding:5px 0!important;font-size:12px}.seller-settings-dialog #kyc-form,.seller-payout-form{display:grid;grid-template-columns:1fr;gap:11px;padding:0!important}.seller-settings-dialog label,.seller-payout-form label{display:grid;gap:5px;color:#475569;font-size:11px;font-weight:750}.seller-settings-dialog input:not([type="checkbox"]),.seller-settings-dialog select,.seller-payout-form input,.seller-payout-form select{width:100%;min-width:0;padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#0f172a;font:inherit}.seller-settings-dialog input[type="file"]{padding:9px;font-size:10px}.seller-settings-dialog #kyc-form label[style*="grid-column"]{display:flex;align-items:flex-start}.seller-settings-dialog #kyc-form label[style*="grid-column"] input{width:18px;flex:none}.seller-payout-form{margin-top:14px}.seller-support-action{display:flex;justify-content:center;margin-top:15px;padding:12px;border-radius:12px;background:#ecfdf5;color:#047857;text-decoration:none;font-size:12px;font-weight:800}.seller-bottom-nav button:focus-visible,.seller-setting:focus-visible,.seller-primary-action:focus-visible{outline:3px solid rgba(16,185,129,.35);outline-offset:2px}
@media(min-width:760px){.seller-premium .top{position:relative}.seller-bottom-nav{bottom:18px}.seller-premium{padding-bottom:120px!important}}
@media(max-width:390px){.seller-premium{padding-left:10px!important;padding-right:10px!important}.seller-balance-card{padding:17px}.seller-balance-card>strong{font-size:30px}.seller-bottom-nav{width:calc(100vw - 14px)}}
.subscription-action{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.subscription-action .btn{border:0;border-radius:11px;background:#10b981;color:#fff;padding:11px 15px;font-weight:800;cursor:pointer;transition:background .18s,transform .18s}.subscription-action .btn:hover{background:#059669}.subscription-action .btn:active{transform:scale(.98)}.subscription-action .btn:disabled{opacity:.65;cursor:wait}#subscription-message{font-size:12px}
.admin-fintech{background:radial-gradient(ellipse at 90% 0,#e8f8f1 0,transparent 34%),#f7f9fc}.admin-fintech .admin-main{max-width:1220px;padding:clamp(18px,4vw,34px) 12px calc(100px + env(safe-area-inset-bottom))}.admin-fintech .premium-kpi{position:relative;overflow:hidden;border:1px solid #e2e8f0!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 32px #0f172a12!important}.admin-fintech .premium-kpi:after{content:"";position:absolute;width:145px;height:145px;right:-55px;top:-60px;border-radius:50%;background:radial-gradient(circle,#10b98124,transparent 68%)}.admin-fintech .kpi-icon{box-shadow:0 0 26px currentColor;background:#fff}.admin-fintech .admin-tabs{position:sticky;top:8px;z-index:10;backdrop-filter:blur(16px);background:#ffffffed}.admin-fintech .admin-tab{transition:transform .15s,background .15s}.admin-fintech .admin-tab:active{transform:scale(.97)}.admin-fintech .seller-directory-row{cursor:pointer}.admin-fintech .seller-directory-row:focus-within,.admin-fintech .seller-directory-row:hover{background:#f0fdf7}.admin-fintech .seller-directory h2{letter-spacing:-.04em}.admin-fintech .admin-summary-grid>div{border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f4f8fc)}.admin-bottom-nav{display:none}.admin-bottom-nav[hidden]{display:none!important}@media(max-width:760px){.admin-fintech .admin-main{padding-left:10px;padding-right:10px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.admin-fintech .admin-main>.toolbar h1{font-size:29px!important}.admin-fintech .admin-tabs{position:static;display:flex;gap:5px;margin:14px 0 12px;padding:5px}.admin-fintech .admin-tab{padding:10px 11px}.admin-fintech .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-fintech .premium-kpi{min-height:128px;padding:14px}.admin-fintech .stat-value{font-size:19px}.admin-fintech .kpi-icon{width:38px;height:38px}.admin-fintech .seller-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-fintech .seller-kpi{padding:13px;min-height:130px}.admin-fintech .seller-kpi strong{font-size:1.25rem}.admin-fintech .seller-directory{padding:14px}.admin-fintech .seller-tools>*{width:100%;min-height:43px}.admin-fintech .seller-table{min-width:760px}.admin-bottom-nav{position:fixed;z-index:50;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(600px,calc(100vw - 16px));padding:8px 7px max(8px,env(safe-area-inset-bottom));border:1px solid #ffffffed;border-radius:19px;background:#ffffffed;box-shadow:0 12px 36px #0f172a2b;backdrop-filter:blur(18px)}.admin-bottom-nav button{display:grid;justify-items:center;gap:3px;padding:4px 1px;border:0;background:transparent;color:#8993a3;font:inherit}.admin-bottom-nav button span{font-size:19px;line-height:1.1}.admin-bottom-nav button b{font-size:9px}.admin-bottom-nav button i{width:6px;height:6px;border-radius:50%;background:transparent}.admin-bottom-nav button[aria-current="page"]{color:#059669}.admin-bottom-nav button[aria-current="page"] span{filter:drop-shadow(0 0 7px #10b98188)}.admin-bottom-nav button[aria-current="page"] i{background:#10b981;box-shadow:0 0 9px #10b981}.admin-fintech dialog.seller-detail{width:calc(100% - 14px);max-width:680px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px);margin:auto 7px 7px;border-radius:22px 22px 12px 12px;padding:18px}.seller-detail-actions{display:grid;grid-template-columns:1fr 1fr}.seller-detail-actions button:last-child{grid-column:1/-1}.seller-detail-head h2{font-size:21px}.seller-detail-section{margin-top:18px}.seller-detail-section .seller-table{min-width:650px}.seller-dispute-proof img{max-height:120px}}
/* Keep the seller and admin app navigation inside the mobile viewport. */
.bottom-nav,
nav.bottom-bar {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  z-index: 99999 !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 8px 4px max(12px, env(safe-area-inset-bottom)) 4px !important;
  box-sizing: border-box !important;
  background: #0f172a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px 16px 0 0 !important;
}

.bottom-nav-item,
.nav-tab {
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  text-align: center !important;
}

@media (min-width: 601px) {
  .bottom-nav,
  nav.bottom-bar {
    width: calc(100% - 24px) !important;
    max-width: 500px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: 12px !important;
    border-radius: 16px !important;
  }
}
/* Native, viewport-sized navigation bars used by both app shells. */
body,
.app-container,
main {
  padding-bottom: 90px !important;
  box-sizing: border-box !important;
}

.admin-bottom-nav,
.seller-bottom-nav,
.bottom-bar,
nav.bottom-nav,
#bottom-navigation {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100% !important;
  height: calc(65px + env(safe-area-inset-bottom)) !important;
  z-index: 99999 !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 4px env(safe-area-inset-bottom) !important;
  background-color: #0f172a !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.admin-bottom-nav > button,
.seller-bottom-nav > button,
.bottom-bar a,
.bottom-bar button,
nav.bottom-nav a,
nav.bottom-nav button,
#bottom-navigation a,
#bottom-navigation button,
.bottom-nav-item,
.nav-tab {
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  text-align: center !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
  font-size: 10px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

@media (min-width: 600px) {
  .admin-bottom-nav,
  .seller-bottom-nav,
  .bottom-bar,
  nav.bottom-nav,
  #bottom-navigation {
    left: 50% !important;
    right: auto !important;
    width: min(480px, calc(100vw - 24px)) !important;
    max-width: 480px !important;
    bottom: 12px !important;
    border-radius: 20px !important;
    transform: translateX(-50%) !important;
  }
}

button,
.button {
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
  -webkit-tap-highlight-color: transparent;
}
button:active,
.button:active {
  transform: scale(.97);
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #10b98188;
  outline-offset: 2px;
}
.maintenance-switch { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; }
.maintenance-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.maintenance-track { width: 46px; height: 26px; padding: 3px; box-sizing: border-box; border-radius: 99px; background: #cbd5df; transition: background-color .18s ease; }
.maintenance-track::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px #17251f33; transition: transform .18s ease; }
.maintenance-switch input:checked + .maintenance-track { background: #d78313; }
.maintenance-switch input:checked + .maintenance-track::after { transform: translateX(20px); }
.maintenance-switch input:focus-visible + .maintenance-track { outline: 3px solid #10b98188; outline-offset: 2px; }
.maintenance-switch input:disabled + .maintenance-track { opacity: .55; cursor: wait; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; }
}