.storefront-shell{--storefront-background:#fafaf8;--storefront-text:#172033;--storefront-primary:#172033;--storefront-radius:8px;background:var(--storefront-background);min-height:100vh;color:var(--storefront-text);grid-template-rows:auto 1fr auto;display:grid}.storefront-header,.storefront-footer{background:#fff;border-bottom:1px solid #e4e4df;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(20px,6vw,80px);display:flex}.storefront-brand,.storefront-header a{color:inherit;text-decoration:none}.storefront-brand{font-size:20px;font-weight:800}.storefront-brand img{max-width:180px;max-height:48px;display:block}.storefront-header nav a{font-weight:600}.storefront-main{width:min(1120px,100% - 40px);margin:0 auto;padding:clamp(56px,10vw,120px) 0}.storefront-welcome{max-width:1120px}.storefront-eyebrow{color:#65718a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.storefront-welcome h1,.storefront-state h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:1.05}.storefront-welcome>p:last-child,.storefront-state p{color:#69758b;max-width:580px;margin-top:20px;font-size:18px;line-height:1.7}.storefront-products{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.storefront-products li{border-radius:var(--storefront-radius);background:#fff;border:1px solid #e4e4df;padding:24px}.storefront-products h2{color:var(--storefront-primary);margin:0}.storefront-footer{color:#69758b;border-top:1px solid #e4e4df;border-bottom:0;font-size:13px}.storefront-state{text-align:center;background:#fafaf8;place-content:center;min-height:100vh;padding:24px;display:grid}@media (width<=600px){.storefront-header{padding:16px 20px}}.storefront{--sf-primary:#111827;--sf-secondary:#fff;--sf-accent:#2563eb;--sf-background:#fff;--sf-text:#111827;--sf-radius:8px;background:var(--sf-background);min-height:100vh;color:var(--sf-text);font-family:var(--sf-body-font);line-height:1.5}.storefront h1,.storefront h2,.storefront h3{font-family:var(--sf-heading-font)}.storefront a{color:inherit}.sf-header{background:var(--sf-secondary);border-bottom:1px solid color-mix(in srgb,var(--sf-text) 12%,transparent);justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,72px);display:flex}.sf-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.sf-brand img,.sf-brand span{object-fit:contain;border-radius:var(--sf-radius);width:42px;height:42px}.sf-brand span{background:var(--sf-primary);color:var(--sf-secondary);place-items:center;font-weight:800;display:grid}.storefront main{max-width:1200px;margin:auto;padding:0 clamp(20px,5vw,72px)}.sf-hero{padding:90px 0}.sf-hero p,.sf-heading p{color:var(--sf-accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.sf-hero h1{max-width:700px;margin:10px 0;font-size:clamp(42px,7vw,76px);line-height:1.05}.sf-heading{padding:60px 0 25px}.sf-heading h1{margin:8px 0;font-size:clamp(34px,5vw,56px)}.sf-section{padding:24px 0 50px}.sf-section h2{font-size:28px}.sf-categories{flex-wrap:wrap;gap:10px;display:flex}.sf-categories a{border:1px solid color-mix(in srgb,var(--sf-text) 18%,transparent);border-radius:999px;padding:10px 16px;text-decoration:none}.sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.sf-card{border:1px solid color-mix(in srgb,var(--sf-text) 14%,transparent);border-radius:var(--sf-radius);background:var(--sf-secondary);text-decoration:none;overflow:hidden}.sf-card-art,.sf-product-art{background:linear-gradient(135deg,color-mix(in srgb,var(--sf-accent) 30%,var(--sf-background)),color-mix(in srgb,var(--sf-primary) 72%,var(--sf-background)))}.sf-card-art{aspect-ratio:4/3}.sf-card>div:last-child{padding:20px}.sf-card h3{margin:5px 0;font-size:20px}.sf-card small,.sf-product-detail small{opacity:.65}.sf-price{align-items:center;gap:10px;margin:10px 0;display:flex}.sf-price del{opacity:.55}.sf-product-detail{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,80px);padding:70px 0;display:grid}.sf-product-art{aspect-ratio:1;border-radius:var(--sf-radius)}.sf-product-detail h1{margin:16px 0;font-size:clamp(36px,5vw,64px);line-height:1.08}.sf-product-detail p:not(.sf-price){white-space:pre-wrap}.sf-pagination{justify-content:center;align-items:center;gap:18px;padding:0 0 50px;display:flex}.sf-pagination button,.sf-state button{border:1px solid var(--sf-primary,#111827);border-radius:var(--sf-radius,8px);background:var(--sf-primary,#111827);color:var(--sf-secondary,#fff);cursor:pointer;padding:9px 14px}.sf-pagination button:disabled{opacity:.45;cursor:not-allowed}.sf-empty{border:1px dashed color-mix(in srgb,var(--sf-text) 25%,transparent);border-radius:var(--sf-radius);padding:30px}.sf-footer{background:var(--sf-primary);color:var(--sf-secondary);margin-top:45px;padding:40px clamp(20px,5vw,72px);font-weight:700}.sf-state{text-align:center;color:#172033;background:#f5f7fb;place-content:center;gap:16px;min-height:100vh;padding:30px;display:grid}.sf-state.sf-state-embedded{min-height:45vh;color:inherit;background:0 0}.sf-state h1{font-size:clamp(24px,4vw,40px)}.sf-state a,.sf-state button{justify-self:center}@media (width<=800px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-product-detail{grid-template-columns:1fr;padding-top:35px}}@media (width<=520px){.sf-grid{grid-template-columns:1fr}.sf-hero{padding:60px 0}.sf-header{padding:14px 20px}.sf-pagination{flex-wrap:wrap;gap:10px}}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#10182a;flex-direction:column;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#10182a;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{opacity:.65;font-size:13px}nav{gap:7px;display:grid}nav a{color:#aeb8cb;border-radius:9px;padding:12px 14px;text-decoration:none}nav a:hover,nav a.active{color:#fff;background:#ffffff17}.logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9px;margin-top:auto;padding:11px}.content{padding:42px;overflow:auto}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:.15em;color:#65718a;margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0;font-size:32px}.subtitle{color:#69758b;margin:8px 0 0}.loading,.error-card,.coming-soon,.customer-empty{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:30px}.error-card{color:brown;margin:0 0 18px}.error-card .secondary-button{margin-top:14px;display:block}.success-card{color:#166534;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:18px;padding:16px 18px}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;min-height:42px;padding:9px 15px;font-weight:700}.primary-button{color:#fff;background:#0f172a;border:1px solid #0f172a}.secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}button:disabled{opacity:.55;cursor:not-allowed}.customer-table-wrap{background:#fff;border:1px solid #e4e8f0;border-radius:14px;overflow:auto}.customer-table{border-collapse:collapse;text-align:left;width:100%}.customer-table th,.customer-table td{border-bottom:1px solid #e8ebf1;padding:17px 20px}.customer-table th{text-transform:uppercase;letter-spacing:.06em;color:#69758b;font-size:12px}.customer-table tbody tr:last-child td{border-bottom:0}.customer-table small{color:#69758b;margin-top:5px;display:block}.muted{color:#69758b}.text-button{color:#1d4ed8;cursor:pointer;background:0 0;border:0;font-weight:700}.customer-empty{text-align:center}.customer-empty h2{margin-top:0}.customer-empty p{color:#69758b}.pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.customer-detail{max-width:760px}.customer-form{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:28px;display:grid}.customer-form label{margin:0 0 8px;font-weight:700}.customer-form label span{color:#69758b;font-weight:400}.customer-form input{border:1px solid #cbd5e1;border-radius:8px;margin-bottom:20px;padding:11px 12px}.customer-form input:focus{border-color:#2563eb;outline:3px solid #dbeafe}.customer-form .primary-button{justify-self:start}.field-error{color:brown;margin-bottom:18px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cart-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px;display:grid}.cart-loader,.cart-items,.cart-summary,.order-success{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:24px}.cart-loader h2{margin-top:0}.cart-loader label,.add-item-form label{margin-bottom:8px;font-weight:700;display:block}.cart-loader>div{gap:10px;display:flex}.cart-loader input,.add-item-form input{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.cart-loader p{color:#69758b;margin:10px 0 0;font-size:13px}.cart-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.cart-items h2,.cart-summary h2,.order-success h2{margin-top:0}.cart-section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.add-item-form{background:#f8fafc;border:1px solid #e8ebf1;border-radius:10px;grid-template-columns:minmax(180px,1fr) 110px auto;align-items:end;gap:12px;margin-bottom:6px;padding:16px;display:grid}.add-item-form button{margin-bottom:0}.cart-item{border-top:1px solid #e8ebf1;grid-template-columns:minmax(180px,1fr) 190px 130px auto;align-items:center;gap:18px;padding:18px 0;display:grid}.cart-item div span,.cart-item div strong{display:block}.cart-item div span{color:#69758b;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.cart-item div small{color:#69758b;margin-top:7px;display:block}.quantity-form label{color:#69758b;font-size:12px;display:block}.quantity-form>div{gap:6px;margin-top:5px;display:flex}.quantity-form input{border:1px solid #cbd5e1;border-radius:7px;width:70px;padding:8px}.quantity-form button{min-height:36px;padding:6px 9px}.cart-empty{color:#69758b}.cart-summary{position:sticky;top:20px}.cart-summary>div,.order-success>div,.order-item{justify-content:space-between;gap:20px;padding:12px 0;display:flex}.cart-total{border-top:1px solid #e8ebf1;font-size:18px}.cart-summary .primary-button{width:100%;margin-top:14px}.cart-summary small{color:#69758b;margin-top:12px;line-height:1.45;display:block}.order-success{border-color:#bbf7d0;max-width:700px}.order-success h2{color:#166534}.order-success>div{border-top:1px solid #dcfce7;font-size:20px}.order-item{border-top:1px solid #e8ebf1;font-size:14px}.order-item span{overflow-wrap:anywhere}.metrics{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.metric-card,.finance-panel{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:22px}.metric-card span,.finance-panel span{color:#758097;margin-bottom:8px;font-size:13px;display:block}.finance-panel{grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}@media (width<=1000px){.cart-entry,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:1fr 190px}.metrics,.finance-panel{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.content{padding:22px}.page-heading{display:grid}.customer-table th:nth-child(3),.customer-table td:nth-child(3){display:none}.pagination{justify-content:center}.cart-loader>div,.add-item-form{grid-template-columns:1fr;display:grid}.cart-item,.metrics,.finance-panel{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{color:#172033;background:#f5f7fb;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}