:root{color:#18212f;background:#f7f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--ink: #18212f;--muted: #667085;--paper: #ffffff;--soft: #eef2f0;--line: rgba(24, 33, 47, .12);--accent: #9f5f45;--accent-dark: #6f3d2b;--sage: #5d7465;--sage-soft: #e7ede8;--clay-soft: #f3e6df;--navy: #1f2d44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}.announcement{background:var(--navy);color:#fff;font-size:.82rem;font-weight:650;min-height:34px;padding:8px 5vw;text-align:center;text-transform:uppercase}a{color:inherit;text-decoration:none}button,.button-link{align-items:center;background:var(--ink);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:650;gap:8px;justify-content:center;min-height:44px;padding:10px 16px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:hover,.button-link:hover{background:var(--accent-dark);box-shadow:0 14px 28px #18212f29;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;min-height:44px;outline:none;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #9f5f451f}textarea{min-height:112px;resize:vertical}label{color:var(--muted);display:grid;font-size:.88rem;font-weight:600;gap:7px;text-transform:capitalize}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:72px;padding:0 5vw;position:sticky;top:0;z-index:20}.menu-button{background:transparent;color:var(--ink);display:none;min-height:38px;padding:8px}.brand{color:var(--ink);font-size:1.35rem;font-weight:800}nav{align-items:center;display:flex;gap:20px}.header-actions{align-items:center;display:flex;gap:10px}nav a{color:#475569;font-weight:550}nav a:hover{color:var(--accent)}.icon-link{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:7px;min-height:38px;padding:7px 12px}.page{margin:0 auto;max-width:1240px;padding:24px 5vw 72px}.narrow{max-width:860px}.store-hero{align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:22px;color:var(--ink);display:grid;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);min-height:470px;overflow:hidden;padding:54px}.hero-copy{align-self:end;max-width:690px}.store-hero h1{font-size:clamp(3.2rem,8vw,6.4rem);line-height:.94;margin:8px 0 18px;font-weight:780}.store-hero p{color:#46515f;font-size:1.08rem;max-width:560px}.hero-actions,.action-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-stats span{background:#f7f8f6;border:1px solid var(--line);border-radius:999px;color:#46515f;font-size:.86rem;font-weight:500;padding:8px 12px}.hero-stats strong{color:var(--ink)}.text-link,.secondary-action{align-items:center;color:#14281d;display:inline-flex;gap:8px;font-weight:650}.store-hero .button-link{background:var(--ink);color:#fff}.hero-panel{align-items:stretch;display:grid;gap:16px;grid-template-columns:1.05fr .95fr;justify-items:stretch}.hero-product{background:#f3f5f2;border:1px solid var(--line);border-radius:18px;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;min-height:170px;box-shadow:none;padding:10px;position:relative}.hero-product img,.hero-product .image-fallback{border-radius:14px;height:100%;object-fit:contain;width:100%}.hero-product.tall{grid-row:span 2;min-height:320px}.hero-product.small{min-height:136px}.feature-strip{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:16px 0 32px;overflow:hidden}.feature-strip div{align-items:center;background:#fff;display:flex;gap:10px;justify-content:flex-start;min-height:58px;padding:14px;font-weight:600}.feature-strip div:nth-child(1) svg{color:var(--sage)}.feature-strip div:nth-child(2) svg{color:var(--accent)}.promo-split{align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;gap:28px;grid-template-columns:1fr minmax(260px,420px);margin:20px 0 30px;overflow:hidden;padding:32px}.promo-copy h2{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:8px 0 12px}.promo-copy p{color:var(--muted);font-size:1.05rem;max-width:640px}.promo-split img,.promo-split .image-fallback{aspect-ratio:4 / 3;border-radius:18px;object-fit:cover;width:100%}.mini-cart-icon{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:.62rem;font-weight:700;height:20px;justify-content:center;width:20px}.collection-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 32px}.collection-tile{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 40px #0f172a14;color:var(--ink);display:grid;justify-content:stretch;min-height:160px;padding:22px;text-align:left}.collection-tile span,.collection-tile small{color:#475569;font-weight:600;text-transform:none}.collection-tile strong{align-self:end;font-size:1.5rem;font-weight:720}.collection-tile:nth-child(2){background:var(--sage-soft)}.collection-tile:nth-child(3){background:var(--clay-soft)}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}.category-pills button{background:#fff;border:1px solid var(--line);color:var(--ink);min-height:38px;padding:8px 14px}.category-pills button.active{background:var(--ink);color:#fff}.eyebrow,.muted{color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:0;margin:0;text-transform:none}.store-hero .eyebrow{color:var(--accent)}.toolbar{align-items:center;display:grid;gap:12px;grid-template-columns:1fr minmax(180px,260px);margin:18px 0 30px}.search{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;gap:8px;padding-left:14px}.search input{border:0;box-shadow:none}.section-heading{align-items:end;display:flex;justify-content:space-between;margin:28px 0 18px}.section-heading h1,.section-heading h2{margin:4px 0 0}.product-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px #18212f0f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{box-shadow:0 24px 54px #18212f1f;transform:translateY(-3px)}.product-media{background:var(--soft);display:block;position:relative}.product-card img,.product-card .image-fallback,.detail-image{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%}.product-card img{transition:transform .22s ease}.product-card:hover img{transform:scale(1.025)}.product-card-body{padding:18px}.product-card h2,.product-card p{margin:0 0 8px}.product-card h2{font-size:1.05rem;font-weight:650;min-height:2.5em}.sale-badge{background:var(--accent);border-radius:999px;color:#fff;font-size:.76rem;font-weight:700;left:12px;padding:6px 10px;position:absolute;text-transform:uppercase;top:12px;z-index:2}.rating{align-items:center;color:var(--accent);display:flex;font-size:.84rem;font-weight:600;gap:5px;margin-bottom:8px}.rating span{color:var(--muted);font-weight:500}.price{color:var(--ink);font-size:1.22rem;font-weight:760}.price s{color:var(--muted);font-size:.86rem;font-weight:500;margin-left:6px}.product-card-footer{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.product-card-footer .price{margin:0}.product-card-footer button{min-height:38px;padding:8px 12px;white-space:nowrap}.editorial-band{align-items:end;background:var(--navy);border-radius:24px;color:#fff;display:grid;gap:28px;grid-template-columns:.9fr 1fr;margin-top:40px;padding:40px}.editorial-band h2{font-size:clamp(2rem,5vw,4.4rem);line-height:.95;margin:8px 0 0;font-weight:760}.editorial-band p{color:#ffffffc7;font-size:1.05rem}.editorial-band .eyebrow{color:#ffffffb3}.benefit-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.benefit-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px #0f172a0f;padding:20px}.benefit-grid svg{color:var(--accent)}.benefit-grid h3{margin:12px 0 6px}.benefit-grid p{color:var(--muted);margin:0}.image-fallback{align-items:center;background:var(--sage);color:#fff;display:flex;justify-content:center}.image-fallback span{border:1px solid rgba(255,255,255,.52);border-radius:999px;font-size:1.8rem;font-weight:700;padding:18px 20px}.detail-grid,.checkout-grid{align-items:start;display:grid;gap:34px;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.detail-image{aspect-ratio:1 / 1;border-radius:22px;box-shadow:0 22px 58px #0f172a24}.product-info{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.product-info h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:8px 0 14px;font-weight:760}.product-meta-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:18px 0}.product-meta-grid span{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;color:#334155;display:flex;font-size:.85rem;font-weight:550;gap:8px;padding:10px}.product-meta-grid svg{color:var(--accent);flex:0 0 auto}.detail-panel{background:#f8fafc;border:1px solid var(--line);border-radius:16px;margin-top:22px;padding:18px}.detail-panel h3{margin:0 0 10px}.detail-panel ul{color:var(--muted);margin:0;padding-left:18px}.secondary-action{align-items:center;background:#eef2ff;border-radius:10px;display:inline-flex;min-height:44px;padding:10px 16px}.line-item,.table-list article,.order-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0f172a0f;display:grid;gap:16px;grid-template-columns:76px 1fr auto auto;margin-bottom:12px;padding:14px}.line-item img,.line-item .image-fallback,.table-list img,.table-list .image-fallback{aspect-ratio:1;border-radius:6px;object-fit:cover;width:76px}.line-item input{max-width:88px}.summary-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;margin-top:24px;padding:16px}.empty-state{background:#fff;border:1px dashed #cfd7cf;border-radius:8px;color:#647067;padding:28px;text-align:center}.panel,.admin-form{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 42px #0f172a14;padding:24px}.panel p,.panel h3{display:flex;gap:12px;justify-content:space-between}form{display:grid;gap:14px}fieldset{border:1px solid #dfe4de;border-radius:8px;display:grid;gap:8px;margin:0;padding:14px}.radio{align-items:center;display:flex;flex-direction:row;gap:10px;text-transform:none}.radio input{min-height:auto;width:auto}.alert{background:#fff1f1;border:1px solid #fecaca;border-radius:6px;color:#991b1b;padding:10px 12px}.notice,.success{background:#f0f9f2;border:1px solid #b7ebc6;border-radius:8px;color:#14532d;padding:12px}.ghost{background:#eef2ff;color:var(--ink)}.login-page{background:linear-gradient(135deg,#14281deb,#14281db8),url(https://images.pexels.com/photos/5632371/pexels-photo-5632371.jpeg?auto=compress&cs=tinysrgb&w=1600) center/cover;display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{max-width:420px;width:100%}.admin-shell{background:#f8fafc;display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#111827,#312e81);color:#e9f2ec;display:flex;flex-direction:column;gap:8px;padding:24px}.sidebar .brand{color:#fff;margin-bottom:18px}.sidebar a,.sidebar button{align-items:center;background:transparent;border-radius:6px;color:inherit;display:flex;gap:10px;justify-content:flex-start;padding:10px}.sidebar a:hover,.sidebar button:hover{background:#ffffff14;box-shadow:none;transform:none}.admin-main{padding:30px}.admin-title{align-items:end;display:flex;justify-content:space-between;margin-bottom:18px}.admin-title h1{margin:3px 0 0}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-grid.pro{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 38px #0f172a14;padding:18px}.metric svg{color:var(--hot);margin-bottom:10px}.metric span{color:#6d7a72;display:block;font-weight:800}.metric strong{color:var(--blue);display:block;font-size:1.8rem;margin-top:8px}.admin-insights{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}.admin-dashboard-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:20px}.admin-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 38px #0f172a14;padding:20px}.admin-card.wide,.settings-card.wide{grid-column:1 / -1}.admin-card-title{align-items:start;display:flex;justify-content:space-between;margin-bottom:16px}.admin-card-title h2,.settings-card h2{margin:4px 0 0}.task-list,.compact-list,.inventory-bars{display:grid;gap:12px}.task-row,.compact-list div,.inventory-bars div{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px}.task-row svg{color:var(--blue)}.compact-list small{color:var(--muted);grid-column:1 / -1}.inventory-bars div{grid-template-columns:minmax(160px,1fr) 1.2fr auto}.inventory-bars div div{background:#e2e8f0;border:0;border-radius:999px;box-shadow:none;display:block;height:10px;padding:0}.inventory-bars i{background:linear-gradient(90deg,var(--blue),var(--hot));border-radius:inherit;display:block;height:100%}.catalog-stats{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.catalog-stats article{align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px #0f172a0f;display:grid;gap:4px;grid-template-columns:auto 1fr;padding:16px}.catalog-stats svg{color:var(--blue);grid-row:span 2}.catalog-stats span{color:var(--muted);font-weight:850}.catalog-stats strong{font-size:1.5rem}.admin-toolbar{align-items:center;display:grid;gap:12px;grid-template-columns:1fr minmax(180px,240px) minmax(180px,240px);margin:18px 0}.admin-count{color:var(--muted);font-weight:850}.order-table,.catalog-table{display:grid;gap:12px}.order-card,.catalog-table article{align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px #0f172a0f;display:grid;gap:14px;padding:16px}.order-card{grid-template-columns:1.2fr .8fr minmax(150px,.8fr) minmax(150px,.8fr) auto}.order-card p,.order-card small,.catalog-table p{color:var(--muted);margin:3px 0 0}.order-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-pill{background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:.72rem;font-weight:950;padding:7px 10px;text-transform:uppercase;white-space:nowrap}.status-pill.active,.status-pill.approved,.status-pill.paid,.status-pill.delivered{background:#dcfce7;color:#166534}.status-pill.draft,.status-pill.pending,.status-pill.proof_submitted,.status-pill.processing,.status-pill.confirmed{background:#fef3c7;color:#92400e}.status-pill.archived,.status-pill.rejected,.status-pill.cancelled{background:#fee2e2;color:#991b1b}.stock{color:#166534;font-weight:900}.stock.low{color:#dc2626}.product-editor{margin-bottom:18px}.form-section h2{margin:0}.form-section p{color:var(--muted);margin:4px 0 0}.upload-box{align-items:center;background:#f8fafc;border:1px dashed #94a3b8;border-radius:16px;cursor:pointer;display:flex;gap:10px;justify-content:center;min-height:96px;padding:14px;text-align:center}.upload-box input{display:none}.catalog-table article{grid-template-columns:74px 1fr auto auto auto}.catalog-table img,.catalog-table .image-fallback{aspect-ratio:1;border-radius:12px;object-fit:cover;width:74px}.settings-layout{display:grid;gap:18px;grid-template-columns:1fr 1fr}.settings-card{display:grid;gap:14px}.settings-card h2{align-items:center;display:flex;gap:8px}.admin-insights article{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 38px #0f172a14;padding:20px}.admin-insights h2{margin:0 0 8px}.admin-insights p{color:var(--muted);margin:0}.admin-form{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.admin-form .wide{grid-column:1 / -1}.image-strip{display:flex;flex-wrap:wrap;gap:10px}.image-strip img,.image-strip .image-fallback{aspect-ratio:1;border-radius:6px;object-fit:cover;width:84px}.table-list article{grid-template-columns:76px 1fr auto}.order-list{display:grid;gap:14px}.order-row{align-items:stretch;display:grid;grid-template-columns:1fr}.order-row header,.status-grid{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.store-hero,.toolbar,.admin-toolbar,.detail-grid,.checkout-grid,.promo-split,.collection-grid,.editorial-band,.benefit-grid,.product-meta-grid,.admin-insights,.admin-dashboard-grid,.catalog-stats,.settings-layout,.admin-shell,.admin-form,.status-grid{grid-template-columns:1fr}.order-card,.catalog-table article,.inventory-bars div{grid-template-columns:1fr}.hero-panel{display:none}}@media(max-width:640px){.topbar,.summary-row,.section-heading{align-items:flex-start;flex-direction:column}.menu-button{display:inline-flex}.store-nav{display:none}.header-actions{margin-left:auto}.feature-strip{grid-template-columns:1fr}.store-hero{min-height:330px;padding:28px}.line-item,.table-list article{grid-template-columns:64px 1fr}.line-item img,.line-item .image-fallback,.table-list img,.table-list .image-fallback{width:64px}.sidebar{min-height:auto}}
