:root{color-scheme:light;--paper:#f5f6f8;--white:#fff;--ink:#232832;--muted:#5b6474;--line:#e2e5eb;--blue:#2949c6;--mint:#ebefff;--navy:#2949c6;--error:#a02742;font:16px/1.55 "Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper)}
a{color:var(--blue);text-underline-offset:.22em;overflow-wrap:anywhere}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.top{background:var(--white);border-bottom:1px solid var(--line)}
.nav,.row,.tabs{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav{min-height:72px}.nav a{text-decoration:none}.nav nav{display:flex;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:var(--ink)}
.mark{display:grid;place-items:center;color:var(--navy);background:var(--mint);border-radius:9px;width:33px;height:33px}
main{min-height:65vh;padding-block:52px 64px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5.5vw,4.5rem);line-height:1.13;letter-spacing:-.05em;margin-bottom:20px}
h2{font-size:1.4rem;letter-spacing:-.025em;margin-bottom:12px}h3{font-size:1.03rem;margin-bottom:8px}
.lead{font-size:1.1rem;max-width:46ch;color:var(--muted);margin-bottom:26px}
.actions,.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.button,button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font:inherit;font-weight:650;line-height:1.4}
.secondary{background:var(--white);border-color:var(--line);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:3px solid #5673ed;outline-offset:3px}
.section,.panel{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:23px;min-width:0;margin-bottom:16px}
.narrow{max-width:620px;margin-inline:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.workspace>.section{margin:0}
.small,.hint{font-size:.9rem;color:var(--muted)}.hint{margin:8px 0 0}
label{display:grid;gap:4px;font-weight:650;margin:0 0 11px}label small{font-weight:400}
input,select,textarea{width:100%;min-width:0;border:1px solid #bfc5cf;background:#fcfcfd;color:var(--ink);padding:9px 10px;border-radius:7px;font:inherit}
input[type=checkbox]{width:auto;margin:0}label.check{display:flex;align-items:center;gap:8px}textarea{min-height:90px;resize:vertical}
form{margin-bottom:12px}form:last-child{margin-bottom:0}
.tabs{justify-content:flex-start;flex-wrap:wrap;gap:5px;margin-bottom:20px}.tabs button{background:transparent;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--mint);color:var(--navy)}
.badge{background:#e9f0f7;color:#294864;padding:4px 8px;border-radius:5px;font-size:.82rem;white-space:nowrap}.badge.alert{background:#fff0db;color:#794600}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.product-grid .section{margin:0}
.amount{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--blue);margin:4px 0}.mono,code{font-family:Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px}dd{margin:0;overflow-wrap:anywhere}dt{color:var(--muted)}
.error{color:var(--error);margin-block:8px;min-height:1em}.notice{background:#e4f5ef;color:#244c44;border-radius:8px;padding:12px;margin-bottom:14px}.warning{background:#fff0db;color:#794600}
details{border-top:1px solid var(--line);padding-block:10px}summary{cursor:pointer;font-weight:650;overflow-wrap:anywhere}details>form,details>.panel{margin-top:12px}
.list{padding-left:20px}.list li{margin-block:7px;overflow-wrap:anywhere}.message{padding:10px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.message:last-of-type{margin-bottom:12px}.qr{display:block;max-width:100%;margin-block:10px}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}main{padding-block:28px 40px}.nav{min-height:62px;gap:8px}.nav nav{gap:10px;font-size:.83rem}.brand{font-size:.91rem}.mark{width:27px;height:27px}.workspace{grid-template-columns:1fr}.section,.panel{padding:16px}.row{flex-wrap:wrap}}


.demo-banner{margin:0;padding:9px 16px;text-align:center;background:#fff0db;color:#713c00;font-size:.92rem;font-weight:650}

.landing{background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(25px,5vw,64px);max-width:900px;margin-inline:auto}
.landing h1,.store-header h1{font-size:clamp(1.85rem,4vw,2.7rem);letter-spacing:-.03em}
.landing .lead{max-width:55ch}
.store-header{display:flex;align-items:center;gap:18px;padding:22px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}
.store-header h1{margin:0 0 7px}.store-header .lead{margin:0;max-width:none;font-size:1rem}
.store-mark{display:grid;place-items:center;flex:0 0 54px;min-height:54px;border-radius:10px;background:#ebefff;color:var(--blue);font-size:1.45rem;font-weight:800}
.store-logo{width:54px;height:54px;flex:0 0 54px;object-fit:contain;border-radius:10px;background:#f3f4f6}
.brand,.store-header>div{min-width:0;overflow-wrap:anywhere}
.nav nav{flex-shrink:0}
.catalog-heading{margin-bottom:12px}.catalog-heading h2{margin:0}
.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.product-card{display:flex;flex-direction:column;overflow:hidden}
.product-card .product-description{flex:1;overflow-wrap:anywhere;white-space:pre-wrap}
.product-card .amount{font-size:1.65rem;color:var(--ink);margin:0}
.product-art{position:relative;isolation:isolate;display:grid;align-content:center;gap:2px;min-height:94px;padding:12px 15px;margin-bottom:15px;overflow:hidden;border-radius:7px;background:#f0f2f5;color:#344766}
.product-art strong{font-size:1.45rem}.product-art span{font-size:.82rem}
.product-image{display:block;width:100%;height:clamp(120px,24vw,240px);object-fit:contain;background:#f0f2f5;border-radius:7px;margin-bottom:15px}
.product-editor .product-image{width:120px;height:90px}
.product-art::after{content:"";position:absolute;z-index:-1;right:-20px;bottom:-53px;width:124px;height:124px;border:18px solid #e4e9f1;border-radius:50%}
.product-actions{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.product-actions button:disabled{opacity:1;background:#eef0f3;color:#586271}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.checkout-grid .product-description{white-space:pre-wrap;overflow-wrap:anywhere}
.breadcrumbs{font-size:.93rem}
textarea.short-description{min-height:4.25rem;resize:vertical}
.payment-view{max-width:500px;margin-inline:auto}
.payment-options{border:0;margin:0 0 14px;padding:0;min-width:0}
.payment-options legend{font-weight:650;margin-bottom:6px;padding:0}
.payment-options-list{display:flex;flex-wrap:wrap;gap:8px}
.payment-options-list label{display:block;position:relative;margin:0;cursor:pointer}
.payment-options-list input{position:absolute;width:1px;height:1px;opacity:0}
.payment-options-list label span{display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:.9rem}
.payment-options-list b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#218368;color:white;font-size:1rem}
.payment-options-list input:checked+span{border-color:var(--blue);color:var(--blue);background:#f5f7ff}
.payment-options-list input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.payment-symbol{width:max-content;margin:0 auto 16px;padding:9px 13px;border-radius:8px;background:#238369;color:#fff;font-weight:750;letter-spacing:.02em}
.payment-heading{text-align:center;font-size:clamp(1rem,3vw,1.25rem);line-height:1.5;letter-spacing:0;margin:0 0 10px}
.payment-network,.payment-warning{text-align:center;margin:0 0 16px}
.payment-network{color:var(--muted)}
.payment-warning{color:#a02742;font-size:.92rem}
.payment-card{text-align:center;padding:24px 18px}
.payment-copy{display:block;margin-inline:auto;max-width:100%;background:transparent;color:var(--ink);padding:4px 7px}
.payment-copy:hover{text-decoration:underline}
.payment-amount{font-size:1.1rem;color:var(--muted)}
.payment-amount strong{font-size:2rem;color:var(--ink);margin-right:.3em}
.payment-address{margin-top:8px;font-size:.94rem;color:var(--muted);overflow-wrap:anywhere;word-break:break-all}
.payment-card .qr{width:min(100%,284px);height:auto;margin:14px auto}
.payment-countdown{display:flex;justify-content:center;gap:18px;margin:14px 0;font-variant-numeric:tabular-nums}
.payment-countdown span{display:grid;gap:3px;min-width:38px}
.payment-countdown strong{font-size:1.35rem}
.payment-countdown small{color:var(--muted)}
.payment-contract{margin-top:12px;color:var(--muted);font-size:.88rem}
.ticket-tabs{margin-bottom:12px}
.order-pay-action{display:flex;justify-content:center;margin-top:24px}
.dashboard-page{--paper:#f4f5f7;--line:#dfe4eb;--blue:#2845c5;--ink:#192334;--muted:#627188;font-size:12px}
.dashboard-page .top{display:none}
.dashboard-page #main{width:100%;padding:0}
.dashboard-page #main>.notice{margin:8px auto;width:min(95%,1120px)}
.dashboard-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}
.dash-side{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:14px 12px}
.dash-side .brand{min-height:59px;padding:0 7px 13px;margin-bottom:12px;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;line-height:1.35}
.dash-side small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}
.dash-mark,.dash-avatar{display:grid;place-items:center;flex-shrink:0}
.dash-mark{width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff;font-weight:750}
.dash-scope{border:1px solid var(--line);border-radius:7px;padding:8px 10px;margin:0 2px 12px;background:#f8f9fb;overflow-wrap:anywhere}
.dash-scope small{margin:0 0 3px}
.dash-side nav{display:grid;gap:1px}
.dash-nav-group{font-size:9px;color:var(--muted);margin:13px 8px 3px}
.dash-side nav a{min-height:34px;padding:8px 9px;border-left:2px solid transparent;border-radius:0 6px 6px 0;color:#39495d;text-decoration:none}
.dash-side nav a:hover{background:#f4f6fa}
.dash-side nav a[aria-current=page]{border-left-color:var(--blue);background:#ebf0ff;color:var(--blue);font-weight:750}
.dash-account{margin-top:auto;padding:12px 4px 0;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line)}
.dash-avatar{width:26px;height:26px;border-radius:50%;background:#ebf0ff;color:var(--blue);font-weight:700}
.dash-account-name{min-width:0;overflow-wrap:anywhere}
.dash-account form{margin:0 0 0 auto;flex-shrink:0}
.dash-account .error:empty{display:none}
.dash-account button{border:0;background:transparent;color:var(--muted);padding:4px;font-size:10px;font-weight:500}
.dash-content,.dash-inner{min-width:0}
.dash-top{min-height:60px;background:#fff;border-bottom:1px solid var(--line);padding:8px 26px;font-size:10px}
.dash-breadcrumb{color:var(--muted)}
.dash-breadcrumb span{margin-inline:4px;color:#9aa8bb}
.dash-breadcrumb strong{color:var(--ink);font-weight:650}
.dash-online{color:#17654a;white-space:nowrap}
.dash-online::before,.dashboard-page .badge::before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}
.dash-online::before{background:#16a567}
.dash-inner{padding:25px 28px 46px}
.dash-heading{margin-bottom:18px;align-items:flex-end}
.dash-heading h1{font-size:24px;letter-spacing:-.025em;margin:0}
.dash-heading .lead{font-size:10px;margin:5px 0 0;max-width:none}
.dashboard-page .section,.dashboard-page .panel{padding:16px;border-radius:10px;margin-bottom:14px;box-shadow:0 1px 2px #18243705}
.dashboard-page .workspace>.section{margin:0}
.dashboard-page h2,.product-editor h2{font-size:13px;letter-spacing:0;margin-bottom:9px}
.dashboard-page .small,.dashboard-page .hint{font-size:10px}
.dashboard-page a{text-underline-offset:2px}
.dashboard-page td a,.dashboard-page .hint a{text-decoration:none}
.dashboard-page td a:hover,.dashboard-page .hint a:hover{text-decoration:underline}
.dashboard-page .badge{display:inline-block;border-radius:6px;padding:2px 7px;background:#f0f2f5;color:#4b5a70;font-size:9px;line-height:1.5}
.dashboard-page .badge.alert{background:#fff5e6;color:#98520e}
.dashboard-page label{gap:4px;margin-bottom:12px;font-size:11px}
.dashboard-page input,.dashboard-page select,.dashboard-page textarea{background:#fff;border-color:#c9d2df;border-radius:6px;padding:7px 10px;font-size:12px;min-height:36px}
.dashboard-page input[readonly]{background:#f7f8fa;color:#52647c}
.dashboard-page input[type=checkbox]{width:15px;height:15px;min-height:0;accent-color:var(--blue)}
.dashboard-page textarea{min-height:88px}
.dashboard-page .button,.dashboard-page button{border-radius:7px;padding:9px 14px;font-size:11px;min-height:36px}
.dashboard-page .button.secondary,.dashboard-page button.secondary{border-color:#c9d2df}
.dashboard-page form[data-endpoint="/admin/refresh"] button{background:#fff;border-color:#c9d2df;color:var(--ink)}
.dashboard-page .dash-heading .button{min-height:32px;padding:7px 11px;font-size:10px}
.dashboard-page .dash-account button{min-height:26px;padding:4px;font-size:10px}
.dashboard-page .dash-inner[data-section=settings] .section>form,.dashboard-page form[data-endpoint="/admin/invite"]:first-of-type{max-width:620px}
.dashboard-page details{padding-block:10px}
.dashboard-page dl{gap:6px 14px;margin:12px 0}
.dash-notice{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 13px;margin-bottom:14px;border:1px solid #d3dfff;background:#eff4ff;border-radius:8px;color:var(--muted);font-size:10px}
.dash-notice>span:first-child{display:grid;place-items:center;width:18px;height:18px;background:var(--blue);border-radius:50%;color:#fff;font-weight:750}
.dash-notice strong{color:var(--ink)}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metric{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px}
.metric>span{color:var(--muted);font-size:10px}
.metric>span:empty{display:none}
.metric strong{display:block;font-size:23px;line-height:1.25;margin-top:4px;font-variant-numeric:tabular-nums}
.dashboard-page .metric .small{font-size:9px}
.table-scroll{max-width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.89rem;text-align:left}
th,td{padding:9px 12px;border-top:1px solid var(--line);white-space:nowrap}
th{background:#f8f9fb;color:var(--muted)}
.dashboard-page .table-scroll{border-radius:7px}
.dashboard-page table{font-size:11px}
.dashboard-page th,.dashboard-page td{padding:9px 11px;border:0;border-bottom:1px solid #e9edf2}
.dashboard-page th{background:#f8f9fb;color:#66748a;font-size:9px;font-weight:500}
.dashboard-page tbody tr:last-child td{border-bottom:0}
.stock-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stock-filters label{margin-bottom:4px}
.order-header-filters{margin:0}
.order-header-filters table{table-layout:fixed}
.dashboard-page .order-header-filters th{background:#fff;padding:7px 8px}
.dashboard-page .order-header-filters th select{width:min(100%,112px);margin:0;padding:4px 8px;min-height:30px;font-size:10px}
.product-workbench{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:18px}
.product-list,.product-editor{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.product-editor{padding:16px}
.product-tools{justify-content:flex-start;align-items:end;gap:8px;margin-bottom:12px}
.dashboard-page .product-tools label{min-width:0;flex:1;max-width:320px;margin:0}
.product-tools .button{white-space:nowrap}
.product-list td:first-child{white-space:normal;overflow-wrap:anywhere}
.product-list td:first-child a{font-weight:700}
.product-list .selected-product{background:#ebf0ff}
.product-editor form[data-action=delete-product] button{background:#fff;border-color:var(--line);color:var(--error)}
@media(max-width:850px){
  .dashboard-layout{grid-template-columns:minmax(0,1fr)}
  .dash-side{position:static;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}
  .dash-side .brand{margin:0;padding:0;min-height:38px;border:0}
  .dash-scope,.dash-nav-group{display:none}
  .dash-side nav{grid-area:2/1/3/-1;display:flex;flex-wrap:wrap;gap:2px}
  .dash-side nav a{border:0;border-radius:5px;padding:7px 8px}
  .dash-account{grid-area:1/2/2/3;margin:0;border:0;padding:0}
  .dash-account-name,.dash-avatar{display:none}
  .dash-inner,.dash-top{padding-inline:14px}
  .dash-top{min-height:40px}
  .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .checkout-grid,.stock-filters{grid-template-columns:1fr}
  .store-header{padding:16px}
  .product-workbench{grid-template-columns:minmax(0,1fr)}
  .dashboard-page .order-header-filters table{min-width:310px}
}