:root{color:#2f1d14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f8f2ea;--surface:#ffffffc7;--surface-strong:#fffaf4;--border:#7e4c2424;--text:#5f4739;--heading:#2f1d14;--primary:#92552f;--primary-dark:#6a381d;--accent:#cc9b57;--accent-soft:#f6e0be;--success:#44653c;--danger:#994948;--shadow:0 24px 60px #4d2b161f;background:#f8f2ea;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ffe0ab80, transparent 22%), radial-gradient(circle at bottom right, #c7975738, transparent 24%), var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}.public-page,.admin-layout,.login-shell{min-height:100vh}.public-page{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.public-header,.admin-header{justify-content:space-between;align-items:center;gap:24px;width:100%;padding:20px 4vw;display:flex}.public-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9f1f0;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.brand h2{color:var(--heading);font-size:1.2rem}.brand-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:18px;place-items:center;width:52px;height:52px;font-weight:700;display:grid}.brand-badge.small{border-radius:12px;width:36px;height:36px;font-size:.8rem}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700}.public-nav,.admin-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.public-nav a,.admin-nav a,.logout-btn{color:var(--heading);border-radius:999px;padding:10px 16px;transition:all .2s}.public-nav a:hover,.admin-nav a:hover,.logout-btn:hover,.admin-nav a.active{background:#92552f17}.admin-link,.cart-chip,.icon-action{border:1px solid var(--border);background:#ffffffa8}.icon-action{width:44px;height:44px;color:var(--heading);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:all .2s;display:inline-grid;position:relative}.login-icon-btn{border:1px solid var(--border);background:#ffffffe6;box-shadow:0 8px 18px #6a381d1f}.login-icon-btn:hover{color:var(--primary-dark);background:#92552f1f}.icon-action:hover{background:#92552f17}.icon-action svg{width:22px;height:22px}.count-badge{color:#fff;background:var(--primary);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.hero-section{grid-template-columns:1.1fr .9fr;gap:0;width:100%;min-height:min(78vh,720px);margin:0;display:grid}.hero-copy,.info-card,.product-card,.stat-card,.table-card,.login-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy{border:0;border-right:1px solid var(--border);min-height:min(78vh,720px);box-shadow:none;background:linear-gradient(135deg, #fff5e4f5, #fffc), var(--surface);border-radius:0;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,72px) 4vw;display:flex}.hero-copy h1{color:var(--heading);max-width:14ch;margin-top:16px;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.12}.hero-copy h1 span{color:var(--primary)}.hero-copy p{max-width:58ch;margin-top:18px;font-size:1.05rem;line-height:1.7}.hero-visual{background:#d8e8ec;min-height:min(78vh,720px);position:relative;overflow:hidden}.hero-visual img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-actions,.action-buttons,.modal-actions,.card-title-row{align-items:center;gap:12px;display:flex}.hero-actions{margin-top:28px}.btn{appearance:none;cursor:pointer;border:0;border-radius:16px;padding:12px 18px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:0 16px 34px #6a381d38}.btn-secondary{color:var(--heading);background:var(--accent-soft)}.btn-ghost{color:var(--danger);background:#99494814}.section,.admin-section{margin-top:0;padding:48px 4vw}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-heading h1,.section-heading h2{color:var(--heading);margin-top:10px;font-size:clamp(2rem,4vw,3rem)}.section-heading.compact h1{font-size:clamp(2rem,3vw,2.6rem)}.section-heading p{max-width:42ch;line-height:1.7}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.product-card{border-radius:26px;overflow:hidden}.product-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.product-content{padding:20px}.product-row,.product-meta,.order-summary,.mini-list-item,.chart-labels,.modal-header,.public-footer,.qty-picker{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-row h3,.table-card h3,.admin-section h1{color:var(--heading)}.product-description{min-height:74px;margin-top:12px;line-height:1.7}.product-meta{margin-top:14px}.featured-tag,.stock-pill{border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.featured-tag{color:var(--primary-dark);background:#cc9b5729}.stock-pill{color:var(--success);background:#44653c1f}.stock-pill.stock-low{color:var(--danger);background:#9949481f}.product-actions{gap:14px;width:100%;margin-top:18px;display:grid}.product-actions .action-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.product-actions .action-buttons .btn{text-align:center;justify-content:center;width:100%}.qty-picker{border:1px solid var(--border);background:#fff;border-radius:999px;width:100%;padding:8px}.qty-picker button{cursor:pointer;width:36px;height:36px;color:var(--heading);background:#92552f14;border:0;border-radius:50%}.about-section{background:#a8a8b8;width:100%;padding:48px 4vw}.about-inner{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(28px,5vw,64px);width:100%;display:grid}.about-media{aspect-ratio:4/3;background:#d9d9d9;width:100%;overflow:hidden}.about-media img{object-fit:cover;width:100%;height:100%}.about-content h2{color:#1f1f1f;letter-spacing:.04em;margin-bottom:22px;font-size:clamp(2rem,4vw,3.4rem);font-weight:800}.about-content p{color:#fff;max-width:58ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.contact-section{background:linear-gradient(135deg, #fff5e4e6, #ffffffbf), var(--surface-strong);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;padding:64px 4vw}.contact-inner{grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:clamp(24px,4vw,48px);width:100%;display:grid}.contact-intro h2{color:var(--heading);font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1.05}.contact-intro h2 span{color:var(--primary);display:block}.contact-intro p{max-width:42ch;margin-top:20px;font-size:1.08rem;line-height:1.75}.contact-details{gap:18px;width:100%;display:grid}.contact-item{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffc7;border-radius:20px;align-items:center;gap:16px;padding:18px 20px;display:flex}.contact-icon{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.contact-icon svg{width:22px;height:22px}.contact-item strong{color:var(--heading);margin-bottom:4px;display:block}.contact-item p{color:var(--text)}.why-choose{color:#000;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.why-choose h3{color:var(--primary);margin:0 0 16px;font-size:1.5rem}.why-choose ul{color:#000;margin:0;padding-left:18px;line-height:1.9}.stats-grid{gap:18px;display:grid}.info-card{border-radius:24px;padding:22px}.public-footer{border-top:1px solid var(--border);background:#fff9f1e6;margin-top:0;padding:24px 4vw}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22120b85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);background:#fffaf5;border-radius:28px;padding:28px}.icon-btn{cursor:pointer;background:#92552f1a;border:0;border-radius:50%;width:40px;height:40px}.grid{gap:16px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.details-form,.form-card{gap:16px;display:grid}label{color:var(--heading);gap:8px;font-weight:600;display:grid}input,textarea{border:1px solid var(--border);width:100%;color:var(--heading);background:#ffffffe0;border-radius:16px;padding:14px 16px}textarea{resize:vertical}.login-shell{place-items:center;padding:24px;display:grid}.login-card{border-radius:30px;width:min(460px,100%);padding:32px}.login-modal{text-align:center;width:min(440px,100%);padding:36px 28px 28px;position:relative}.login-close{position:absolute;top:16px;right:16px}.login-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 18px;display:grid;box-shadow:0 14px 28px #6a381d3d}.login-avatar svg{width:40px;height:40px}.login-form{text-align:left;gap:14px;display:grid}.login-form h3{color:var(--heading);text-align:center;margin:0;font-size:1.6rem}.login-form .eyebrow,.login-form>p{text-align:center}.login-card h1{color:var(--heading);margin:10px 0 12px}.login-card p{line-height:1.6}.login-hint,.error-text{margin-top:12px}.products-heading{align-items:center}.products-heading .btn{margin-left:auto}.add-product-modal{width:min(720px,100%)}.table-actions{align-items:center;gap:8px;display:flex}.table-icon-btn{cursor:pointer;border:0;border-radius:10px;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.table-icon-btn svg{width:18px;height:18px}.table-icon-btn.edit{color:var(--primary-dark);background:#92552f1f}.table-icon-btn.delete{color:var(--danger);background:#9949481f}.table-icon-btn:hover{transform:translateY(-1px)}.error-text{color:var(--danger)}.admin-layout{background:linear-gradient(#f7f0e6,#f4e8d7)}.admin-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9f1eb;padding:20px 4vw;position:sticky;top:0}.logout-btn{cursor:pointer;color:var(--danger);background:#9949481a;border:0;font-weight:700}.admin-layout main{width:100%;margin:0;padding:28px 4vw 48px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card,.table-card{border-radius:24px}.stat-card{padding:22px}.stat-card span{margin-bottom:12px;font-size:.92rem;display:block}.stat-card strong{color:var(--heading);font-size:1.8rem}.admin-panels{grid-template-columns:1.6fr 1fr;gap:20px;margin-top:22px;display:grid}.admin-panels.two-up{grid-template-columns:1fr 1.4fr}.table-card{padding:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #7e4c2417;padding:14px 12px}th{color:var(--heading);font-size:.92rem}.mini-list,.chart-list{gap:14px;display:grid}.mini-list-item{background:#ffffffbf;border:1px solid #7e4c2417;border-radius:18px;padding:14px 16px}.tab-row{gap:12px;margin-bottom:16px;display:flex}.tab-row button{cursor:pointer;color:var(--heading);background:#92552f14;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.tab-row button.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.chart-track{background:#7e4c2414;border-radius:999px;height:12px;overflow:hidden}.chart-fill{background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:999px;height:100%}@media (width<=1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.hero-section,.stats-grid,.admin-panels,.admin-panels.two-up{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-inner,.contact-inner{grid-template-columns:1fr 1fr}.why-choose{grid-column:1/-1}}@media (width<=860px){.public-page,.admin-layout main{width:100%;margin:0}.public-header,.admin-header,.section-heading,.public-footer{flex-direction:column;align-items:flex-start}.hero-section,.product-grid,.about-inner,.contact-inner,.stats-grid,.admin-panels,.admin-panels.two-up,.two-col{grid-template-columns:1fr}.about-section,.contact-section{padding:36px 5vw}.contact-details{justify-self:stretch}.hero-copy,.hero-visual{border-right:0;min-height:360px;padding:0}.hero-copy{padding:32px 5vw}.why-choose{grid-column:auto}.section,.admin-section,.public-footer,.public-header,.admin-header{padding-left:5vw;padding-right:5vw}}