:root{--ink:#202523;--muted:#68706c;--line:#d9ddda;--canvas:#f3f5f3;--customer:#176b54;--customer-soft:#dcece5;--admin:#a43d2f;--admin-soft:#f4e2df}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{color:var(--ink);background:var(--canvas);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.app-shell{--accent:var(--customer);--accent-soft:var(--customer-soft);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.app-shell--admin{--accent:var(--admin);--accent-soft:var(--admin-soft)}.topbar,main,footer{width:min(100% - 40px,1120px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{align-items:center;gap:10px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:6px;place-items:center;width:32px;height:32px;font-size:.85rem;display:grid}nav{align-items:center;gap:8px;display:flex}nav a{min-height:38px;color:var(--muted);border-radius:6px;align-items:center;padding:0 14px;font-size:.9rem;text-decoration:none;display:inline-flex}nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:700}nav form{margin:0}.nav-button,.auth-panel button{cursor:pointer;font:inherit;border:0;border-radius:6px;font-weight:700}.nav-button{color:#fff;background:var(--ink);min-height:38px;padding:0 14px}main{padding-block:clamp(72px,13vh,132px) 72px}.intro{max-width:760px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 18px;font-size:.8rem;font-weight:800}h1,h2,p{letter-spacing:0}h1{max-width:720px;margin:0;font-size:5.5rem;font-weight:700;line-height:.98}.description{max-width:640px;color:var(--muted);margin:28px 0 0;font-size:1.18rem;line-height:1.65}.identity{color:var(--muted);font-size:.9rem}.auth-main{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-panel{width:min(100%,420px)}.auth-panel h1{font-size:2.75rem;line-height:1.05}.auth-panel form{gap:18px;margin-top:32px;display:grid}.auth-panel label{color:var(--muted);gap:8px;font-size:.88rem;font-weight:700;display:grid}.auth-panel input{border:1px solid var(--line);min-height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;padding:0 12px}.auth-panel input:focus{outline:2px solid var(--customer);outline-offset:2px}.auth-panel button{color:#fff;background:var(--customer);min-height:46px}.form-error{border-left:3px solid var(--admin);color:var(--admin);background:var(--admin-soft);padding:12px;line-height:1.5}.auth-switch{color:var(--muted);margin-top:24px}.auth-switch a{color:var(--customer);text-underline-offset:3px;font-weight:700}.status-panel{border-top:1px solid var(--line);max-width:640px;margin-top:72px;padding-top:24px}.status-heading{align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}h2{margin:0;font-size:1rem}.status-panel p{color:var(--muted);margin:10px 0 0 19px;line-height:1.5}footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:.82rem;display:flex}footer a{text-underline-offset:3px}@media (max-width:600px){.topbar,main,footer{width:min(100% - 28px,1120px)}.topbar{min-height:68px}.brand>span:last-child{display:none}nav a{padding-inline:10px}main{padding-block:64px 48px}h1{font-size:3rem}.description{font-size:1.05rem}.status-panel{margin-top:52px}}.store-main{padding-block:56px 72px}.catalog-heading,.page-heading{margin-bottom:40px}.catalog-heading h1,.page-heading h1,.product-detail h1,.order-title h1{font-size:4.5rem}.product-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;display:grid}.product-card{border-bottom:1px solid var(--line);gap:10px;padding-bottom:24px;display:grid}.product-art{aspect-ratio:4/3;color:#fff;background:var(--customer);border-radius:6px;place-items:center;font-size:4rem;font-weight:800;display:grid;position:relative;overflow:hidden}.product-art img{object-fit:cover}.product-art--large{font-size:8rem}.product-card h2,.product-card p{margin:0}.product-card h2{font-size:1.25rem}.product-card h2 a{text-underline-offset:4px}.product-card>p:not(.product-sku){min-height:42px;color:var(--muted);line-height:1.5}.product-sku{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.product-detail{grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);align-items:center;gap:clamp(36px,8vw,96px);margin-top:30px;display:grid}.detail-price{margin:28px 0;font-size:1.5rem;font-weight:700}.primary-button{color:#fff;background:var(--customer);cursor:pointer;min-height:46px;font:inherit;border:0;border-radius:6px;padding:0 20px;font-weight:700}.primary-button:disabled{cursor:wait;opacity:.65}.back-link{color:var(--customer);text-underline-offset:4px;font-weight:700}.empty-state{border-block:1px solid var(--line);max-width:600px;color:var(--muted);padding:28px 0}.empty-state h2{color:var(--ink);font-size:1.4rem}.empty-state a{color:var(--customer);font-weight:700}.cart-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;display:grid}.cart-lines{border-top:1px solid var(--line)}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 100px;align-items:center;gap:24px;min-height:92px;display:grid}.cart-line>div{gap:7px;display:grid}.cart-line span{color:var(--muted);font-size:.9rem}.cart-line label{color:var(--muted);gap:5px;font-size:.75rem;display:grid}.cart-line input{border:1px solid var(--line);width:70px;min-height:38px;font:inherit;border-radius:5px;padding:0 8px}.order-summary{border:1px solid var(--line);background:#fff;border-radius:6px;padding:24px}.order-summary>div,.order-total{justify-content:space-between;margin:24px 0;display:flex}.order-summary .primary-button{width:100%}.order-list{border-top:1px solid var(--line)}.order-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 120px;align-items:center;gap:24px;min-height:88px;text-decoration:none;display:grid}.order-row>div{gap:6px;display:grid}.order-row span,.order-date{color:var(--muted);font-size:.85rem}.status-badge{background:var(--customer-soft);border-radius:4px;padding:6px 9px;font-weight:800;color:var(--customer)!important;font-size:.72rem!important}.order-title{justify-content:space-between;align-items:end;gap:24px;margin-top:32px;display:flex}.order-total{width:min(100%,300px);margin-left:auto;padding:22px 0;font-size:1.2rem}.state-page{text-align:center;place-content:center;gap:16px;min-height:100vh;display:grid}.state-page h1{font-size:3rem}@media (max-width:700px){.catalog-heading h1,.page-heading h1,.product-detail h1,.order-title h1{font-size:2.4rem}.product-detail,.cart-layout{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr auto;padding-block:16px}.cart-line>strong{grid-column:2}.order-row{grid-template-columns:1fr auto;padding-block:16px}.order-row>strong{grid-column:2}}.admin-main{padding-block:48px 72px}.admin-main .page-heading h1{font-size:4rem}.metric-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:36px 0 64px;display:grid}.metric-grid a{background:#fff;gap:8px;padding:28px;text-decoration:none;display:grid}.metric-grid strong{color:var(--admin);font-size:2.25rem}.metric-grid span,.muted{color:var(--muted)}.admin-section{border-top:1px solid var(--line);margin-top:52px;padding-top:24px}.admin-section>h2{margin-bottom:20px;font-size:1.25rem}.audit-list{border-top:1px solid var(--line)}.audit-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding-block:12px;display:flex}.audit-list>div>div{gap:5px;display:grid}.audit-list span,.audit-list time{color:var(--muted);font-size:.8rem}.create-panel,.admin-product{border-bottom:1px solid var(--line);background:#fff}.create-panel{border:1px solid var(--line);margin-bottom:36px}.create-panel>summary{color:#fff;background:var(--admin)}.create-panel>summary,.admin-product>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:16px 20px;font-weight:700;display:flex}.admin-product>summary>span{gap:5px;display:grid}.admin-product>summary small{color:var(--muted);font-weight:400}.admin-product>summary>span:last-child{color:var(--muted);font-size:.85rem;font-weight:400;display:block}.admin-form{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 20px;display:grid}.admin-form label,.status-form label,.lookup-form label{color:var(--muted);gap:7px;font-size:.8rem;font-weight:700;display:grid}.admin-form input,.admin-form textarea,.status-form select,.lookup-form input{width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #aeb5b1;border-radius:4px;padding:9px 11px}.admin-form textarea{resize:vertical;min-height:90px}.admin-form input:focus,.admin-form textarea:focus,.status-form select:focus,.lookup-form input:focus{outline:2px solid var(--admin);outline-offset:2px}.field-wide,.form-actions,.admin-form>.form-error,.admin-form>.form-success{grid-column:1/-1}.form-actions{gap:10px;display:flex}.admin-button,.secondary-button{border:1px solid var(--admin);cursor:pointer;min-height:42px;font:inherit;border-radius:5px;padding:0 16px;font-weight:700}.admin-button{color:#fff;background:var(--admin)}.secondary-button{color:var(--admin);background:#fff}.admin-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.6}.form-success{border-left:3px solid var(--customer);color:var(--customer);background:var(--customer-soft);margin:0;padding:11px}.admin-order-row .status-badge{background:var(--admin-soft);color:var(--admin)!important}.pagination{justify-content:space-between;margin-top:28px}.pagination a{color:var(--admin);font-weight:700}.pagination a[aria-disabled=true]{pointer-events:none;color:var(--muted);opacity:.55}.admin-link{color:var(--admin)}.status-form{align-items:end;gap:12px;display:flex}.status-form label{width:min(100%,280px)}.status-form .form-error,.status-form .form-success{margin:0}.lookup-form{width:min(100%,620px);margin-bottom:36px}.lookup-form>div{grid-template-columns:1fr auto;gap:10px;margin-top:7px;display:grid}.customer-result{border-top:1px solid var(--line);margin-top:28px;padding:24px 0}.customer-result h2,.customer-result p{margin:0 0 6px}.customer-result h3{text-transform:uppercase;margin:24px 0 10px;font-size:.85rem}.customer-result>a{color:var(--admin);margin-block:8px;display:block}.audit-line{color:var(--muted);font-size:.85rem}@media (max-width:700px){.admin-main .page-heading h1{font-size:2.5rem}.app-shell--admin .topbar{align-items:flex-start;padding-block:14px}.app-shell--admin nav{flex-wrap:wrap;justify-content:flex-end}.metric-grid,.admin-form{grid-template-columns:1fr}.field-wide,.form-actions,.admin-form>.form-error,.admin-form>.form-success{grid-column:auto}.admin-product>summary,.audit-list>div{flex-direction:column;align-items:flex-start;gap:9px}.status-form{flex-direction:column;align-items:stretch}}