@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#f4f3ef;color:#111}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:#101010;padding:24px}.login-card{width:min(430px,100%);background:#f7f6f2;padding:46px;border:1px solid #ddd;text-align:center;box-shadow:0 24px 80px #0004}.login-logo{width:55px;height:55px;object-fit:contain}.login-word{font-family:'Space Grotesk';font-size:25px;font-weight:700;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.login-card .eyebrow{margin-top:34px}.login-card h1,.topbar h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}.login-card h1{font-size:31px;margin:0 0 8px}.muted{color:#6b6b67;font-size:14px;line-height:1.6}.login-card form{margin-top:25px;text-align:left}.login-card label,.form-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}.login-card input,.form-panel input,.form-panel textarea,.field input,.field select,.field textarea{width:100%;border:1px solid #d6d4ce;background:#fff;padding:13px 14px;margin-top:7px;font:inherit;outline:none}.login-card input:focus,.form-panel input:focus,.form-panel textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#111}.login-card form button,.primary{width:100%;border:0;background:#111;color:#fff;padding:15px 18px;font-weight:700;letter-spacing:1px;cursor:pointer}.login-card small{display:block;color:#b42318;margin-top:10px}.demo-credentials{margin-top:22px;padding:12px;background:#eceae4;font-size:11px;color:#555;line-height:1.7}.back-link{display:block;color:#111;margin-top:20px;font-size:12px}.app{min-height:100vh;display:flex}.sidebar{width:245px;background:#101010;color:#fff;position:fixed;inset:0 auto 0 0;padding:26px 18px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:17px;padding:0 8px 30px}.side-brand img{width:38px;height:38px;object-fit:contain}.side-brand sup{font-size:8px}.admin-label{font-size:9px;letter-spacing:2px;color:#777;padding:0 10px 12px}.sidebar nav{display:grid;gap:5px}.side-link{border:0;background:transparent;color:#aaa;text-align:left;padding:13px 10px;font:inherit;cursor:pointer;border-radius:3px}.side-link.active,.side-link:hover{background:#252525;color:#fff}.side-link span{margin-left:9px;font-size:13px}.side-bottom{margin-top:auto;display:grid;gap:4px}.side-bottom a,.side-bottom button{padding:12px 10px;background:transparent;border:0;color:#999;text-align:left;font:inherit;text-decoration:none;cursor:pointer}.main{margin-left:245px;width:calc(100% - 245px);padding:0 42px 60px}.topbar{height:100px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:28px}.top-actions{display:flex;align-items:center;gap:18px;font-size:12px}.status-dot{font-size:11px}.status-dot::first-letter{color:#248a42}.top-actions button{border:1px solid #111;background:transparent;padding:10px 13px;font-size:10px;font-weight:700;cursor:pointer}.section{display:none;padding-top:34px}.active-section{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat,.panel{background:#fff;border:1px solid #deddd7}.stat{padding:22px}.stat span,.stat small{display:block;color:#777;font-size:11px}.stat strong{font-family:'Space Grotesk';font-size:34px;display:block;margin:7px 0}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.panel{padding:22px}.panel-head,.section-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel h2,.section-toolbar h2{margin:0;font-size:23px}.outline{border:1px solid #111;background:#fff;padding:10px 13px;font-size:10px;font-weight:700;cursor:pointer}.banner-preview{margin-top:20px;height:310px;overflow:hidden;position:relative;background:#ddd}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-preview .preview-copy{position:absolute;left:25px;bottom:25px;color:#fff;text-shadow:0 2px 12px #000}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.quick-grid button{padding:22px;text-align:left;border:1px solid #ddd;background:#f8f7f3;cursor:pointer;font-weight:700}.section-toolbar{margin-bottom:24px;align-items:end}.section-toolbar>div{max-width:700px}.card-list{display:grid;gap:12px}.banner-row{display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid #ddd;padding:12px}.banner-row img{width:190px;height:110px;object-fit:cover;background:#ddd}.banner-info h3{margin:0 0 7px;font-size:18px}.banner-info p{margin:0;color:#777;font-size:12px}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid #ccc;background:#fff;padding:9px 11px;cursor:pointer;font-size:10px;font-weight:700}.row-actions .delete,.danger{color:#b42318}.product-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-admin{background:#fff;border:1px solid #ddd}.product-admin img{width:100%;aspect-ratio:1/.95;object-fit:cover}.product-admin .pa-body{padding:14px}.product-admin h3{margin:0;font-size:15px}.product-admin p{font-size:11px;color:#777}.price{font-weight:700}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-panel h3{font-size:16px;margin:0 0 16px;padding-top:4px}.form-panel h3:not(:first-child){border-top:1px solid #eee;padding-top:24px;margin-top:25px}.danger-panel{margin-top:14px}.danger-panel p{font-size:13px;color:#666}.danger{border:1px solid #e2b6b1;background:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.order-admin-list{display:grid;gap:10px}.order-row{background:#fff;border:1px solid #ddd;padding:18px;display:grid;grid-template-columns:1fr 1fr 150px;gap:20px}.order-row strong{font-family:'Space Grotesk'}.order-row p{margin:4px 0;font-size:12px;color:#777}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:50;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:#f7f6f2;width:min(720px,100%);max-height:90vh;overflow:auto;padding:30px;position:relative}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.modal-card h2{font-size:27px;margin:0 0 22px}.field{margin-bottom:14px}.field label{font-size:11px;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-actions .primary{width:auto}.upload-preview{width:100%;max-height:180px;object-fit:cover;margin-top:8px}.toggle{display:flex;align-items:center;gap:10px;font-size:12px}.toggle input{width:auto}.empty{padding:40px;text-align:center;background:#fff;border:1px dashed #ccc;color:#777}
@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px);padding:0 24px 50px}.product-admin-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.app{display:block}.sidebar nav{display:flex;overflow:auto}.side-bottom{display:none}.main{margin:0;width:100%;padding:0 14px 40px}.topbar{height:auto;padding:22px 0;align-items:flex-start}.top-actions{display:none}.dashboard-grid,.editor-grid{grid-template-columns:1fr}.product-admin-grid{grid-template-columns:repeat(2,1fr)}.banner-row{grid-template-columns:1fr}.banner-row img{width:100%;height:180px}.field-grid{grid-template-columns:1fr}.section-toolbar{align-items:flex-start;flex-direction:column}.section-toolbar .primary{width:100%}}
/* v2 commerce management */
.period-tabs{display:flex;gap:5px;border:1px solid #ddd;padding:4px}.period{border:0;background:none;padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.period.active{background:#111;color:#fff}.chart-panel{margin-bottom:22px}.chart-legend{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.chart-legend span{font-size:10px;color:#777}.chart-legend i{display:inline-block;width:16px;height:2px;background:#111;vertical-align:middle;margin-right:5px}.chart-legend b{font-family:'Space Grotesk';font-size:18px}.metric-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ddd;font-size:11px}.metric-row span{display:flex;gap:12px}.metric-row span b{color:#999}.inventory-toolbar{display:flex;gap:10px;margin-bottom:20px}.inventory-toolbar input,.inventory-toolbar select{padding:13px;border:1px solid #ccc;background:#fff;outline:0}.inventory-toolbar input{flex:1}.stock-badge{display:inline-block;margin-top:12px;padding:6px 8px;background:#e7eee8;font-size:9px;letter-spacing:1px;font-weight:700}.stock-badge.low{background:#f1ead8}.stock-badge.out{background:#f1dddd}.variant-mini{font-size:9px;color:#777;margin-top:9px}.variant-mini span{display:inline-block;border:1px solid #ccc;padding:3px 6px;margin-right:4px}.category-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{background:#fff;border:1px solid #ddd;padding:22px}.category-card>span{font-size:9px;color:#999}.category-card h3{font-family:'Space Grotesk';margin:12px 0}.category-card small{font-size:9px;color:#666}.category-card div{margin-top:18px;display:flex;gap:8px}.category-card button{border:1px solid #ccc;background:#fff;padding:8px;font-size:9px}.category-card .delete{color:#a33}.order-row{display:grid;grid-template-columns:1.1fr 1.5fr .8fr .8fr auto;gap:15px;align-items:center;background:#fff;border:1px solid #ddd;padding:16px;margin-bottom:8px;font-size:11px}.order-row small{display:block;color:#888;margin-top:5px}.order-status{font-size:9px;text-transform:uppercase;letter-spacing:1px}.order-row button{border:1px solid #ccc;background:#fff;padding:9px;font-size:8px;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex!important;align-items:center;gap:8px!important}.wide{width:min(980px,100%)}.modal-card label{display:grid;gap:7px;font-size:10px;color:#555;margin-bottom:15px}.modal-card input,.modal-card select,.modal-card textarea{border:1px solid #ccc;background:#fff;padding:11px;outline:0;font-family:inherit}.upload-preview{max-width:180px;max-height:130px;object-fit:cover;margin-top:8px}.store-editor{max-width:900px}@media(max-width:900px){.category-admin-grid{grid-template-columns:1fr 1fr}.order-row{grid-template-columns:1fr 1fr}.period-tabs{flex-wrap:wrap}}@media(max-width:600px){.category-admin-grid,.field-grid{grid-template-columns:1fr}.period-tabs{width:100%}}

/* Simplified product variation builder */
.variant-builder{border:1px solid #d6d3ca;background:#eceae4;padding:22px;margin:18px 0 22px}.builder-head{display:flex;justify-content:space-between;align-items:flex-start}.builder-head h3{font-family:"Space Grotesk";font-size:20px;margin:2px 0 4px}.builder-head small{color:#777;font-size:10px}.colors-head{border-top:1px solid #d2cfc6;margin-top:22px;padding-top:20px}.stock-head{border-top:1px solid #d2cfc6;margin-top:22px;padding-top:20px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.choice-chip{display:inline-flex!important;align-items:center!important;gap:0!important;cursor:pointer}.choice-chip input{position:absolute;opacity:0;pointer-events:none}.choice-chip span{border:1px solid #c9c6bd;background:#f8f7f3;padding:10px 14px;font-size:10px;font-weight:700;min-width:46px;text-align:center;transition:.15s}.choice-chip input:checked+span{background:#111;color:#fff;border-color:#111}.color-chip span{display:flex;align-items:center;gap:8px;font-weight:500}.color-chip i{display:block;width:15px;height:15px;border-radius:50%;border:1px solid #aaa}.stock-matrix{display:grid;gap:7px;margin-top:14px}.stock-row{display:grid;grid-template-columns:1.5fr .5fr 100px;align-items:center;background:#f8f7f3;border:1px solid #d6d3ca;padding:8px 10px}.stock-color{display:flex;align-items:center;gap:8px;font-size:10px}.stock-color i{width:13px;height:13px;border-radius:50%;border:1px solid #aaa}.stock-row b{font-size:10px}.stock-qty{width:90px!important;border:1px solid #bbb!important;background:#fff!important;padding:8px!important}.stock-empty{font-size:10px;color:#777;padding:15px 0}.variant-mini{margin-top:10px;display:flex;gap:5px;flex-wrap:wrap}.variant-mini span{border:1px solid #ddd;padding:3px 6px;font-size:9px}.product-admin .stock-badge{margin-top:8px}@media(max-width:700px){.stock-row{grid-template-columns:1fr 45px 80px}.stock-qty{width:72px!important}}

/* Production admin components */
.admin-card{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid #ddd;padding:12px}.admin-card>img{width:180px;height:110px;object-fit:cover}.admin-card h3{margin:4px 0}.admin-card p,.admin-card small{color:#777;font-size:11px}.card-actions,.pa-actions{display:flex;gap:7px;flex-wrap:wrap}.pa-actions{margin-top:12px}.product-admin.inactive{opacity:.62}.rank-row{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e3e1da;font-size:11px}.rank-row span{color:#999}.rank-row small{display:block;color:#777;margin-top:3px}.banner-preview{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:none}.banner-preview>div{position:relative;height:150px;overflow:hidden}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-preview strong{position:absolute;left:12px;bottom:12px;color:#fff;text-shadow:0 2px 12px #000;font-size:11px}.category-card{display:flex;justify-content:space-between;align-items:center;gap:15px}.category-card>div{margin:0}.category-card>div:first-child{display:block}.category-card strong{display:block;font-family:'Space Grotesk';margin-bottom:6px}.order-controls{display:grid;gap:5px}.order-controls select{padding:7px;border:1px solid #ccc;background:#fff;font-size:9px}.upload-status{font-size:10px;color:#666;margin:-7px 0 14px;word-break:break-word}.check-line{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:9px!important}.check-line input{width:auto!important;margin:0!important}.modal-card small{font-weight:400;color:#777}.primary:disabled,.login-card button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1100px){.product-admin-grid{grid-template-columns:repeat(2,1fr)}.admin-card{grid-template-columns:130px 1fr}.admin-card>img{width:130px}.admin-card .card-actions{grid-column:1/-1}.banner-preview{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.product-admin-grid{grid-template-columns:1fr}.admin-card{grid-template-columns:1fr}.admin-card>img{width:100%;height:180px}.banner-preview{grid-template-columns:1fr}.order-row{grid-template-columns:1fr!important}}