/* Shared rounded typography, blue neon palette, and responsive touch styling. */
html{
  min-height:100%;
  --display:'Nunito',sans-serif;
  --mono:'DM Mono',monospace;
  --theme-page:#f3f8ff;
  --theme-panel:#ffffff;
  --theme-panel-soft:#f6faff;
  --theme-border:#dce8f5;
  --theme-text:#14243a;
  --theme-muted:#64758b;
  --theme-accent:#087cf0;
  --theme-accent-ink:#ffffff;
  --theme-accent-soft:#e4f2ff;
  --theme-neon:#168fff;
  --theme-focus:#2daeff;
  --ink:var(--theme-text);
  --muted:var(--theme-muted);
  --line:var(--theme-border);
  --lime:var(--theme-accent-soft);
  font-family:'Nunito',sans-serif;
  background:var(--theme-page)!important;
}
html[data-theme="dark"]{
  --theme-page:#07111f;
  --theme-panel:#0d1a2a;
  --theme-panel-soft:#101f32;
  --theme-border:#203750;
  --theme-text:#eaf5ff;
  --theme-muted:#9cb0c6;
  --theme-accent:#38baff;
  --theme-accent-ink:#041321;
  --theme-accent-soft:#102b43;
  --theme-neon:#51c8ff;
  --theme-focus:#62d1ff;
}
html,body{background:var(--theme-page)!important;color:var(--theme-text)}
body{min-height:100vh}
@supports(min-height:100dvh){body{min-height:100dvh}}
body,button,input,select,textarea{font-family:'Nunito',sans-serif}
h1,h2,h3,h4,strong,.brand,.metric strong,.product h2,.product h3{font-family:'Nunito',sans-serif;letter-spacing:-.025em}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--theme-focus)!important;outline-offset:3px}

.topbar,.top,.checkout-top{background:color-mix(in srgb,var(--theme-panel) 92%,transparent)!important;border-color:var(--theme-border)!important;backdrop-filter:blur(16px)}
.brand{color:var(--theme-text)!important}
.mark{box-shadow:0 0 18px color-mix(in srgb,var(--theme-neon) 45%,transparent)}
.search,.search-box,.bag,.category-chip,.load,.load-more,.dash-card,.card,.metric-card,.metric,.seller-app,.auth-card,.onboard,.seller-tip,.tip,.seller-product,.seller-product-row,.product-editor,.editor-shell,.checkout-form,.checkout-summary,.state-card,.chat-heading,.chat-form,.message-bubble,.filters{border-color:var(--theme-border)!important;border-radius:14px!important}
.search,.search-box,.field input,.field select,.field textarea,.editor-form input,.editor-form select,.editor-form textarea,.new-product input,.new-product select,.new-product textarea,.checkout-form input,.chat-form textarea,.filter-control,.price-fields input{border-radius:10px!important}
.seller-app,.auth-card,.onboard,.checkout-form,.checkout-summary,.state-card,.chat-heading,.chat-form,.filters,.metric,.card,.seller-product,.product-editor,.editor-shell{box-shadow:0 12px 35px #06152a0b}
html[data-theme="dark"] .seller-app,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .onboard,html[data-theme="dark"] .checkout-form,html[data-theme="dark"] .checkout-summary,html[data-theme="dark"] .state-card,html[data-theme="dark"] .chat-heading,html[data-theme="dark"] .chat-form,html[data-theme="dark"] .filters,html[data-theme="dark"] .metric,html[data-theme="dark"] .card,html[data-theme="dark"] .seller-product{box-shadow:0 12px 35px #0003}
.primary,.buy,.chat-form button,.checkout-page .continue-button:not(:disabled),.buy-now,.deliver-order{border-radius:10px!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.primary,.buy,.chat-form button,.checkout-page .continue-button:not(:disabled){background:linear-gradient(135deg,var(--theme-accent),var(--theme-neon))!important;border-color:var(--theme-accent)!important;color:var(--theme-accent-ink)!important;box-shadow:0 5px 18px color-mix(in srgb,var(--theme-neon) 24%,transparent)}
.primary:hover,.buy:hover,.chat-form button:hover,.checkout-page .continue-button:not(:disabled):hover,.buy-now:hover,.deliver-order:hover{transform:translateY(-1px);box-shadow:0 0 20px color-mix(in srgb,var(--theme-neon) 35%,transparent)}
.secondary,.outline,.product-bag,.bag,.theme-toggle,.edit-product,.product-visibility,.add-to-bag{border-radius:10px!important;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}
.secondary:hover,.outline:hover,.product-bag:hover,.bag:hover,.theme-toggle:hover,.edit-product:hover,.product-visibility:hover,.add-to-bag:hover{border-color:var(--theme-neon)!important;box-shadow:0 0 16px color-mix(in srgb,var(--theme-neon) 24%,transparent)}
.theme-toggle{border-radius:50%!important;color:var(--theme-neon)!important}
.cover,.product-image,.product-cover,.related-card img,.product-row img,.seller-product img{border-radius:12px!important}
.product:hover .cover,.product:focus-within .cover{box-shadow:0 0 0 1px var(--theme-neon),0 0 22px color-mix(in srgb,var(--theme-neon) 26%,transparent)}
.product h2,.product h3,.product-title{color:var(--theme-text)}
.price,.product-price,.product-foot .price{color:var(--theme-text)}
.price-filter input,.search input,.filter-control{color:var(--theme-text)}
.toast{border:1px solid color-mix(in srgb,var(--theme-neon) 60%,var(--theme-border));border-radius:12px;background:var(--theme-panel);color:var(--theme-text);box-shadow:0 0 24px color-mix(in srgb,var(--theme-neon) 22%,transparent)}
.status-pill,.paid-chip,.availability{border-radius:999px}
.availability span{box-shadow:0 0 10px var(--theme-neon)}
.product-about,.related-products{border-color:var(--theme-border)}
.download-note,.gateway-note{border-radius:12px}

@media(max-width:760px){
  .wrap,.checkout-page .checkout-wrap,.product-page .wrap,.seller-page .shell{width:calc(100% - 32px)!important}
  .checkout-page .checkout-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .checkout-page .checkout-summary{order:-1}
  .product-page .product-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px}
  .product-page .product-cover,.product-page .product-copy{position:static}
  .seller-page .new-product.open{grid-template-columns:minmax(0,1fr)}
  .seller-page .new-product .field.full,.seller-page .new-product .submit-row{grid-column:auto}
  .seller-page .editor-form{grid-template-columns:minmax(0,1fr)}
  .seller-page .editor-form .field.full,.seller-page .editor-actions{grid-column:auto}
  .chat-page .conversation{min-height:42vh;padding:14px}
  .chat-page .chat-form{gap:8px}
  .chat-page .chat-form textarea{min-height:48px}
  .results-page .topbar{padding-inline:16px}
}
@media(max-width:480px){
  .top,.checkout-top{padding-inline:14px!important}
  .checkout-page .checkout-wrap{margin-top:18px}
  .checkout-page .checkout-form,.checkout-page .checkout-summary{padding:15px}
  .checkout-page .steps{font-size:8px;gap:6px}
  .checkout-page .steps i{width:14px}
  .chat-page .chat-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .chat-page .chat-form{grid-template-columns:minmax(0,1fr)}
  .chat-page .chat-form button{min-height:44px}
  .order-result-page .state-card{padding:22px 16px}
  .seller-page .seller-app{padding:14px}
  .seller-page .metrics{grid-template-columns:minmax(0,1fr)}
  .seller-page .metric:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Seller sales table: dark glass surface with a restrained neon blue edge. */
.seller-page .sales-heading{align-items:flex-end;margin:32px 0 14px;padding:0 2px}
.seller-page .sales-heading>div{display:grid;gap:5px}
.seller-page .sales-heading .eyebrow{color:var(--theme-accent,#42baff);letter-spacing:1.2px}
.seller-page .sales-heading h3{font-size:20px;letter-spacing:-.35px}
.seller-page .sales-heading p{margin:0;color:var(--theme-muted,#a2b1bf);font-size:11px}
.seller-page .sales-count-label{padding:7px 10px;border:1px solid color-mix(in srgb,var(--theme-accent,#42baff) 38%,var(--theme-border,#293b4d));border-radius:999px;background:color-mix(in srgb,var(--theme-accent,#42baff) 9%,var(--theme-panel,#101a25));color:var(--theme-accent,#42baff);font:600 8px 'DM Mono',monospace;letter-spacing:.6px;white-space:nowrap}
.seller-page .sales-card{overflow:auto;border:1px solid color-mix(in srgb,var(--theme-accent,#42baff) 24%,var(--theme-border,#293b4d));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent,#42baff) 5%,var(--theme-panel,#101a25)),var(--theme-panel,#101a25) 42%);box-shadow:0 12px 34px #02091255,0 0 24px color-mix(in srgb,var(--theme-accent,#42baff) 7%,transparent)}
.seller-page .sales-card .orders{min-width:760px;border-collapse:separate;border-spacing:0}
.seller-page .sales-card .orders th{padding:14px 16px;border-bottom:1px solid var(--theme-border,#293b4d);background:color-mix(in srgb,var(--theme-accent,#42baff) 7%,var(--theme-panel,#101a25));color:var(--theme-accent,#42baff);font-size:8px;letter-spacing:.8px;white-space:nowrap}
.seller-page .sales-card .orders td{padding:14px 16px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--theme-border,#293b4d) 72%,transparent);color:var(--theme-text,#e8f3fc);font-size:10px;vertical-align:middle}
.seller-page .sales-card .orders tbody tr:last-child td{border-bottom:0}
.seller-page .sales-card .orders tbody tr:not(:has(td[colspan])){transition:background .18s,box-shadow .18s}
.seller-page .sales-card .orders tbody tr:not(:has(td[colspan])):hover{background:color-mix(in srgb,var(--theme-accent,#42baff) 7%,transparent);box-shadow:inset 2px 0 var(--theme-accent,#42baff)}
.seller-page .sales-card .orders td strong{color:#8cdbff;text-shadow:0 0 12px #42baff35}
.seller-page .sales-card .orders tbody td:nth-child(3),.seller-page .sales-card .orders tbody td:nth-child(4){font-size:13px;font-weight:700;white-space:nowrap}
.seller-page .sales-card .orders tbody td:nth-child(4){font-size:15px;color:#8cdbff;text-shadow:0 0 14px #42baff38}
.seller-page .sales-card .orders td[colspan]{padding:28px 16px;text-align:center;color:var(--theme-muted,#a2b1bf)}
.seller-page .sales-card .order-chat-link,.seller-page .sales-card .deliver-order{border-radius:999px}
.seller-page .sales-card .order-chat-link,.seller-page .top a.back{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:1px solid #42baff;border-radius:14px;background:#42baff;color:#061522!important;box-shadow:0 8px 22px #42baff35;font:800 13px 'Nunito','DM Sans',sans-serif;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s}
.seller-page .sales-card .order-chat-link:hover,.seller-page .top a.back:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 26px #42baff55;text-decoration:none}
.seller-page .sales-card .order-chat-link:focus-visible,.seller-page .top a.back:focus-visible{outline:2px solid #9addff;outline-offset:3px}
@media(max-width:620px){.seller-page .sales-heading{align-items:flex-start}.seller-page .sales-count-label{font-size:7px;padding:6px 8px}}

/* Shared seller dashboard finish: consistent surfaces, spacing, and blue actions. */
.seller-page .seller-app{padding:clamp(16px,3vw,30px);border-radius:20px!important;background:linear-gradient(155deg,color-mix(in srgb,var(--theme-accent,#42baff) 4%,var(--theme-panel,#101a25)),var(--theme-panel,#101a25) 34%)!important;box-shadow:0 22px 60px #02091255,0 0 32px color-mix(in srgb,var(--theme-accent,#42baff) 7%,transparent)}
.seller-page .seller-header{padding-bottom:22px;border-color:var(--theme-border,#293b4d)}
.seller-page .seller-header .eyebrow,.seller-page .withdrawal-card .eyebrow{color:var(--theme-accent,#42baff)}
.seller-page .seller-header h2{font-size:clamp(22px,3vw,30px)}
.seller-page .seller-header p,.seller-page .withdrawal-card p{color:var(--theme-muted,#a2b1bf)}
.seller-page .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.seller-page .metric{min-height:96px;padding:16px;border-radius:14px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--theme-accent,#42baff) 7%,var(--theme-panel-soft,#131f2b)),var(--theme-panel-soft,#131f2b))!important;box-shadow:inset 0 1px #ffffff08,0 0 22px color-mix(in srgb,var(--theme-accent,#42baff) 5%,transparent)}
.seller-page .metric span{color:var(--theme-muted,#a2b1bf);font-size:10px}
.seller-page .metric strong{color:var(--theme-text,#e8f3fc);font-size:clamp(18px,2vw,24px)}
.seller-page .available-balance-metric{border-color:color-mix(in srgb,var(--theme-accent,#42baff) 48%,var(--theme-border,#293b4d))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent,#42baff) 18%,var(--theme-panel-soft,#131f2b)),var(--theme-panel-soft,#131f2b) 75%)!important;box-shadow:inset 0 1px #ffffff12,0 0 26px color-mix(in srgb,var(--theme-accent,#42baff) 14%,transparent)}
.seller-page .available-balance-metric span{color:var(--theme-accent,#42baff);font-weight:700}
.seller-page .available-balance-metric strong{font-size:clamp(25px,3vw,34px);text-shadow:0 0 18px #42baff55}
.seller-page .withdrawal-card,.seller-page .withdrawal-history,.seller-page .seller-notification-panel{border:1px solid color-mix(in srgb,var(--theme-accent,#42baff) 22%,var(--theme-border,#293b4d));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent,#42baff) 6%,var(--theme-panel-soft,#131f2b)),var(--theme-panel-soft,#131f2b) 58%);color:var(--theme-text,#e8f3fc);box-shadow:0 12px 32px #02091235}
.seller-page .withdrawal-card{margin-top:14px;padding:20px}
.seller-page .withdrawal-card h3{margin:6px 0;color:var(--theme-text,#e8f3fc);font:800 20px 'Nunito','DM Sans',sans-serif}
.seller-page .withdrawal-card p{font-size:11px}
.seller-page .withdrawal-side{min-width:220px;gap:10px}
.seller-page .withdrawal-side strong{color:var(--theme-muted,#a2b1bf);font-size:11px}
.seller-page .withdrawal-side strong span{color:var(--theme-text,#e8f3fc);font:800 22px 'Nunito','DM Sans',sans-serif}
.seller-page .seller-app .primary,.seller-page .seller-app .header-actions .secondary,.seller-page #withdrawal-toggle,.seller-page .seller-notification-button{min-height:48px;padding:0 20px;border:1px solid #42baff!important;border-radius:14px!important;background:#42baff!important;color:#061522!important;box-shadow:0 8px 22px #42baff35;font:800 13px 'Nunito','DM Sans',sans-serif;transition:transform .18s,box-shadow .18s,filter .18s}
.seller-page .seller-app .primary:hover,.seller-page .seller-app .header-actions .secondary:hover,.seller-page #withdrawal-toggle:hover,.seller-page .seller-notification-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 26px #42baff55}
.seller-page .seller-app button:focus-visible,.seller-page .seller-app a:focus-visible{outline:2px solid #9addff;outline-offset:3px}
.seller-page .seller-app .logout{padding:0 12px;border-radius:10px;color:var(--theme-muted,#a2b1bf);font-size:11px}
.seller-page .seller-notification-button{min-height:40px;padding:0 13px;font-size:11px}
.seller-page .seller-notification-button span{background:#061522;color:#8cdbff}
.seller-page .seller-notification-panel{margin:16px 0;padding:16px}
.seller-page .seller-notification-heading{padding-bottom:12px;border-color:var(--theme-border,#293b4d)}
.seller-page .seller-notification-item{border-color:var(--theme-border,#293b4d)}
.seller-page .seller-notification-item button,.seller-page .seller-notification-heading button{color:var(--theme-accent,#42baff)}
.seller-page .withdrawal-history{margin-top:12px;padding:16px;align-items:center}
.seller-page .withdrawal-history>strong{color:var(--theme-text,#e8f3fc);font:800 14px 'Nunito','DM Sans',sans-serif}
.seller-page .withdrawal-item{padding:12px 0;border-color:var(--theme-border,#293b4d);color:var(--theme-text,#e8f3fc)}
.seller-page .withdrawal-item span,.seller-page .withdrawal-history #withdrawal-list>span{color:var(--theme-muted,#a2b1bf)}
.seller-page .withdrawal-card #withdrawal-form{padding-top:14px;border-top:1px solid var(--theme-border,#293b4d)}
.seller-page .withdrawal-card .field span,.seller-page .new-product .field span{color:var(--theme-text,#e8f3fc)}
.seller-page .withdrawal-card input,.seller-page .withdrawal-card select,.seller-page .new-product input,.seller-page .new-product select,.seller-page .new-product textarea{border-radius:10px!important;background:var(--theme-panel,#101a25)!important;color:var(--theme-text,#e8f3fc)!important}
.seller-page .new-product{padding:18px;border:1px solid var(--theme-border,#293b4d);border-radius:16px;background:var(--theme-panel-soft,#131f2b)}
.seller-page .new-product input[type=file],.seller-page .new-product #cover-preview{background:var(--theme-panel,#101a25)!important;color:var(--theme-text,#e8f3fc)}
.seller-page .product-list{gap:10px}
.seller-page .product-row{padding:12px;border:1px solid var(--theme-border,#293b4d);border-radius:14px;background:var(--theme-panel-soft,#131f2b);transition:border-color .18s,box-shadow .18s,transform .18s}
.seller-page .product-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent,#42baff) 48%,var(--theme-border,#293b4d));box-shadow:0 8px 24px color-mix(in srgb,var(--theme-accent,#42baff) 8%,transparent)}
.seller-page .product-row strong,.seller-page .product-row b{color:var(--theme-text,#e8f3fc)}
.seller-page .product-row span,.seller-page .field-hint{color:var(--theme-muted,#a2b1bf)}
.seller-page .product-row .edit-product,.seller-page .product-row .product-visibility,.seller-page .withdrawal-form-actions .secondary{min-height:36px;padding:0 12px;border:1px solid var(--theme-border,#293b4d)!important;border-radius:11px;background:var(--theme-panel,#101a25)!important;color:var(--theme-text,#e8f3fc)!important;font:700 11px 'Nunito','DM Sans',sans-serif}
.seller-page .product-row .product-visibility[data-product-action="restore"]{color:var(--theme-accent,#42baff)!important}
.seller-page .section-head:not(.sales-heading){margin-top:28px}
.seller-page .section-head:not(.sales-heading) h3{color:var(--theme-text,#e8f3fc);font-size:17px}
.seller-page .empty{padding:24px;border:1px dashed var(--theme-border,#293b4d);border-radius:14px;color:var(--theme-muted,#a2b1bf)}
@media(max-width:760px){.seller-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.seller-page .seller-app{padding:14px}.seller-page .metrics{grid-template-columns:minmax(0,1fr)}.seller-page .header-actions{width:100%;flex-wrap:wrap}.seller-page .withdrawal-side{min-width:0;width:100%;align-items:stretch}.seller-page .withdrawal-side button{width:100%}.seller-page .withdrawal-history{align-items:flex-start}.seller-page .withdrawal-card{padding:16px}.seller-page .seller-notification-button{min-height:40px}.seller-page .seller-app .header-actions .secondary{flex:1}}
