@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&family=Nunito:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Nunito:wght@400;500;600;700&display=swap";:root{--cream: #fdf8f0;--cream2: #f5ede0;--sage: #7a9e7e;--sage-dark: #5a7d5e;--terracotta: #c96b3f;--terra-soft: #e8825a;--milk-white: #fffef9;--brown: #5c3d2e;--text: #3d2b1f;--text-dim: #8a7060;--border: #e8ddd0;--font-head: "Playfair Display", serif;--font-body: "Nunito", sans-serif}.nb-root{position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid var(--border);box-shadow:0 2px 20px #5c3d2e14}.nb-inner{max-width:1300px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nb-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.nb-logo-icon{font-size:1.4rem;color:var(--terracotta);animation:spin-slow 8s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.nb-logo-text{font-family:var(--font-head);font-size:1.3rem;font-weight:800;color:var(--brown);letter-spacing:-.01em}.nb-logo-sub{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;align-self:flex-end;margin-bottom:2px}.nb-links{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.nb-link{font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--text-dim);text-decoration:none;padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.nb-link:hover{color:var(--terracotta);background:#c96b3f12;border-color:#c96b3f26}.nb-link.active{color:var(--terracotta);background:#c96b3f1a;border-color:#c96b3f33}.nb-cta{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--milk-white);background:var(--terracotta);text-decoration:none;padding:.55rem 1.3rem;border-radius:50px;white-space:nowrap;flex-shrink:0;transition:all .2s ease;box-shadow:0 4px 14px #c96b3f4d}.nb-cta:hover{background:var(--terra-soft);transform:translateY(-1px);box-shadow:0 6px 20px #c96b3f66}@media(max-width:768px){.nb-logo-sub{display:none}.nb-links{gap:0}.nb-link{font-size:.78rem;padding:.4rem .6rem}.nb-cta{display:none}}*{margin:0;padding:0;box-sizing:border-box}.hp-root{font-family:var(--font-body);background:var(--cream);color:var(--text);overflow-x:hidden}.hp-cart-pill{position:fixed;top:80px;right:1.5rem;z-index:200}.hp-cart-btn{background:var(--terracotta);color:var(--milk-white);border:none;padding:.7rem 1.4rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 8px 24px #c96b3f59;transition:all .2s}.hp-cart-btn:hover{transform:translateY(-2px);background:var(--terra-soft)}.hp-hero{min-height:92vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:5rem 8vw 4rem;background:var(--cream);position:relative;overflow:hidden}.hp-hero-shapes{position:absolute;inset:0;pointer-events:none}.hp-shape{position:absolute;border-radius:50%;opacity:.35}.hp-shape-1{width:500px;height:500px;background:radial-gradient(circle,var(--terra-pale),transparent);top:-100px;right:-100px}.hp-shape-2{width:300px;height:300px;background:radial-gradient(circle,rgba(122,158,126,.3),transparent);bottom:0;left:-80px}.hp-shape-3{width:200px;height:200px;background:radial-gradient(circle,rgba(201,107,63,.15),transparent);top:40%;left:40%}.hp-hero-content{position:relative;z-index:2;animation:fadeUp .8s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hp-hero-tag{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage-dark);font-weight:700;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.hp-hero-tag:before{content:"";width:30px;height:2px;background:var(--sage-dark);display:inline-block}.hp-hero-title{font-family:var(--font-head);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:900;line-height:1.05;color:var(--brown);margin-bottom:1.5rem;letter-spacing:-.02em}.hp-hero-title span{color:var(--terracotta);display:block}.hp-hero-sub{font-size:1.05rem;line-height:1.7;color:var(--text-dim);max-width:440px;margin-bottom:2.5rem}.hp-hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.hp-btn-primary{background:var(--terracotta);color:var(--milk-white);border:none;padding:.9rem 2rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 24px #c96b3f4d;transition:all .25s}.hp-btn-primary:hover{background:var(--terra-soft);transform:translateY(-3px);box-shadow:0 14px 32px #c96b3f66}.hp-btn-secondary{background:transparent;color:var(--sage-dark);border:2px solid var(--sage-light);padding:.9rem 2rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s}.hp-btn-secondary:hover{background:var(--sage-dark);color:#fff;border-color:var(--sage-dark);transform:translateY(-3px)}.hp-hero-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:fadeUp .8s ease .2s both}.hp-hero-circle{width:420px;height:420px;border-radius:50%;overflow:hidden;border:8px solid var(--cream2);box-shadow:0 30px 80px #5c3d2e33,0 0 0 16px #c96b3f14}.hp-hero-circle img{width:100%;height:100%;object-fit:cover}.hp-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--brown);padding:2.5rem 8vw;gap:1rem}.hp-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;border-right:1px solid rgba(255,255,255,.1)}.hp-stat:last-child{border-right:none}.hp-stat-num{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--terra-soft)}.hp-stat-label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-weight:600}.hp-products{padding:6rem 8vw;background:var(--cream)}.hp-section-head{text-align:center;margin-bottom:3.5rem}.hp-section-tag{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta);font-weight:700;margin-bottom:.6rem}.hp-section-title{font-family:var(--font-head);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--brown);letter-spacing:-.02em;margin-bottom:.8rem}.hp-section-sub{color:var(--text-dim);font-size:.95rem;max-width:480px;margin:0 auto}.hp-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.hp-product-card{background:var(--milk-white);border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 20px #5c3d2e14;transition:all .35s cubic-bezier(.25,.46,.45,.94);animation:fadeUp .5s ease both}.hp-product-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #5c3d2e26}.hp-product-img{position:relative;height:260px;overflow:hidden}.hp-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hp-product-card:hover .hp-product-img img{transform:scale(1.08)}.hp-product-overlay{position:absolute;inset:0;background:#5c3d2ebf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;opacity:0;transition:opacity .3s ease}.hp-product-card:hover .hp-product-overlay{opacity:1}.hp-overlay-btn{padding:.7rem 1.8rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:all .2s;min-width:160px}.hp-overlay-btn.primary{background:var(--terracotta);color:#fff}.hp-overlay-btn.secondary{background:var(--sage);color:#fff}.hp-overlay-btn:hover{transform:scale(1.05)}.hp-product-body{padding:1.6rem}.hp-product-name{font-family:var(--font-head);font-size:1.35rem;font-weight:700;color:var(--brown);margin-bottom:.4rem}.hp-product-desc{font-size:.82rem;color:var(--text-dim);line-height:1.5;margin-bottom:1.2rem}.hp-product-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.hp-product-price{font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:var(--terracotta)}.hp-product-price span{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--text-dim)}.hp-product-actions{display:flex;gap:.5rem}.hp-action-cart,.hp-action-sub{padding:.5rem .9rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:.78rem;border:none;cursor:pointer;transition:all .2s}.hp-action-cart{background:var(--cream2);color:var(--brown);border:1px solid var(--border)}.hp-action-cart:hover{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.hp-action-sub{background:var(--sage);color:#fff}.hp-action-sub:hover{background:var(--sage-dark)}.hp-why{padding:5rem 8vw;background:var(--cream2)}.hp-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.hp-why-card{background:var(--milk-white);border-radius:16px;padding:2rem 1.5rem;border:1px solid var(--border);text-align:center;transition:all .25s}.hp-why-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #5c3d2e1a}.hp-why-icon{font-size:2.2rem;display:block;margin-bottom:.8rem}.hp-why-title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--brown);margin-bottom:.5rem}.hp-why-desc{font-size:.83rem;color:var(--text-dim);line-height:1.5}.hp-modal-overlay{position:fixed;inset:0;background:#3d2b1fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hp-modal{background:var(--milk-white);border-radius:24px;padding:2.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 40px 80px #3d2b1f4d;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hp-modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.hp-modal-top h3{font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:var(--brown)}.hp-modal-close{background:none;border:none;font-size:1rem;color:var(--text-dim);cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s}.hp-modal-close:hover{background:var(--cream2);color:var(--brown)}.hp-modal-product{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--cream2);border-radius:14px;margin-bottom:1.5rem}.hp-modal-product img{width:70px;height:70px;border-radius:10px;object-fit:cover}.hp-modal-product-name{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--brown)}.hp-modal-product-price{font-size:.85rem;color:var(--terracotta);font-weight:700;margin-top:.2rem}.hp-modal-form{display:flex;flex-direction:column;gap:1.2rem}.hp-modal-field{display:flex;flex-direction:column;gap:.4rem}.hp-modal-field label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.hp-modal-field select,.hp-modal-field input{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s}.hp-modal-field select:focus,.hp-modal-field input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96b3f1a}.hp-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hp-qty{display:flex;align-items:center;gap:.8rem;background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.5rem .8rem}.hp-qty button{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.hp-qty button:hover{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.hp-qty span{font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:var(--terracotta);min-width:30px;text-align:center}.hp-modal-total{font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:var(--sage-dark);padding:.6rem;background:#7a9e7e1a;border-radius:10px;text-align:center;border:1px solid rgba(122,158,126,.2)}.hp-modal-actions{display:flex;gap:.8rem;margin-top:1rem}.hp-modal-cancel{flex:1;padding:.8rem;border-radius:50px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all .2s}.hp-modal-cancel:hover{border-color:var(--text-dim);color:var(--text)}.hp-modal-confirm{flex:2;padding:.8rem;border-radius:50px;border:none;background:var(--terracotta);color:#fff;font-family:var(--font-body);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #c96b3f4d}.hp-modal-confirm:hover{background:var(--terra-soft);transform:translateY(-1px)}.hp-cart-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--milk-white);border-top:1px solid var(--border);padding:1.2rem 1.5rem;z-index:300;box-shadow:0 -8px 30px #5c3d2e1a;font-family:var(--font-body)}.hp-cart-drawer h4{font-weight:700;color:var(--brown);margin-bottom:.6rem}.hp-cart-item{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim);padding:.3rem 0}.hp-cart-total{font-weight:700;color:var(--terracotta);margin-top:.5rem;font-size:1rem}@media(max-width:900px){.hp-hero{grid-template-columns:1fr;padding:4rem 6vw;text-align:center}.hp-hero-visual{display:none}.hp-hero-tag{justify-content:center}.hp-hero-sub{margin:0 auto 2.5rem}.hp-hero-btns{justify-content:center}.hp-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hp-products{padding:4rem 5vw}.hp-products-grid,.hp-modal-row{grid-template-columns:1fr}.hp-stats{grid-template-columns:repeat(2,1fr)}}.pg-form .pg-form-actions{grid-column:1 / -1}.pg-input{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.pg-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96b3f14}.pg-table{width:100%;border-collapse:collapse;min-width:500px}.pg-td-name{font-weight:700;color:var(--brown)}.pg-td-dim{color:var(--text-dim);font-size:.82rem}.usr-cell{display:flex;align-items:center;gap:.8rem}.usr-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta),var(--terra-soft));color:#fff;font-family:var(--font-head);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.pg-inner{padding:0 1rem}.pg-form{grid-template-columns:1fr}.pg-stats{grid-template-columns:repeat(2,1fr)}}.pg-root{min-height:100vh;background:var(--cream);font-family:var(--font-body);color:var(--text);padding:3rem 0 5rem}.pg-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.pg-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--cream);font-family:var(--font-body);color:var(--text-dim);font-size:.95rem}.pg-spinner{width:36px;height:36px;border:3px solid var(--cream3);border-top-color:var(--terracotta);border-radius:50%;animation:spin .8s linear infinite}.pg-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pg-tag{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta);font-weight:700;margin-bottom:.4rem}.pg-title{font-family:var(--font-head);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--brown);letter-spacing:-.02em;margin-bottom:.3rem}.pg-sub{font-size:.88rem;color:var(--text-dim)}.pg-add-btn{background:var(--terracotta);color:var(--milk-white);border:none;padding:.75rem 1.6rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px #c96b3f4d;transition:all .2s;white-space:nowrap}.pg-add-btn:hover{background:var(--terra-soft);transform:translateY(-2px);box-shadow:0 10px 28px #c96b3f66}.pg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.pg-stat{background:var(--milk-white);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;text-align:center;transition:all .2s}.pg-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5c3d2e14}.pg-stat.sage{border-top:3px solid var(--sage)}.pg-stat.terra{border-top:3px solid var(--terracotta)}.pg-stat.amber{border-top:3px solid #d4a052}.pg-stat-val{font-family:var(--font-head);font-size:1.9rem;font-weight:800;color:var(--brown)}.pg-stat-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700;margin-top:.2rem}.pg-error{display:flex;align-items:center;gap:.6rem;background:#c96b3f14;border:1px solid rgba(201,107,63,.25);border-radius:12px;color:var(--terracotta);font-size:.88rem;font-weight:600;padding:.9rem 1.2rem;margin-bottom:1.5rem}.pg-error button{margin-left:auto;background:none;border:none;color:var(--terracotta);cursor:pointer}.pg-form-card{background:var(--milk-white);border:1px solid var(--border);border-radius:20px;padding:2rem 2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #5c3d2e14;animation:slideDown .25s ease;position:relative;overflow:hidden}.pg-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--sage))}.pg-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem}.pg-form-head h2{font-family:var(--font-head);font-size:1.3rem;font-weight:800;color:var(--brown)}.pg-form-close{background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s}.pg-form-close:hover{background:var(--cream2);color:var(--brown)}.pg-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.pg-form .pg-form-actions,.pg-form .pg-field-full{grid-column:1 / -1}.pg-field{display:flex;flex-direction:column;gap:.4rem}.pg-field-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.pg-input,.pg-textarea,.pg-select{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.pg-textarea{resize:vertical;min-height:90px}.pg-input:focus,.pg-textarea:focus,.pg-select:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96b3f14}.pg-form-actions{display:flex;gap:.8rem;margin-top:.4rem}.pg-cancel-btn{flex:1;padding:.8rem;border-radius:50px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-body);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s}.pg-cancel-btn:hover{border-color:var(--text-dim);color:var(--text)}.pg-submit-btn{flex:2;padding:.8rem;border-radius:50px;border:none;background:var(--terracotta);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 4px 16px #c96b3f4d;transition:all .2s}.pg-submit-btn:hover{background:var(--terra-soft);transform:translateY(-1px)}.pg-table-card{background:var(--milk-white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #5c3d2e0f}.pg-table-head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2rem;border-bottom:1px solid var(--border)}.pg-table-head h2{font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--brown);display:flex;align-items:center;gap:.6rem}.pg-table-head h2 span{font-family:var(--font-body);font-size:.75rem;font-weight:700;background:var(--terra-pale);color:var(--terracotta);padding:.2rem .6rem;border-radius:50px}.pg-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:5rem 2rem;color:var(--text-dim)}.pg-empty-icon{font-size:3rem;margin-bottom:.5rem}.pg-empty p{font-family:var(--font-head);font-size:1.2rem;font-weight:700;color:var(--brown)}.pg-empty span{font-size:.85rem;margin-bottom:1rem}.pg-edit-btn,.pg-del-btn{padding:.4rem .9rem;border-radius:8px;font-family:var(--font-body);font-weight:700;font-size:.75rem;border:none;cursor:pointer;transition:all .15s}.pg-edit-btn{background:#7a9e7e26;color:var(--sage-dark)}.pg-edit-btn:hover{background:var(--sage);color:#fff}.pg-del-btn{background:#c96b3f1a;color:var(--terracotta)}.pg-del-btn:hover{background:var(--terracotta);color:#fff}.pg-table-wrap{overflow-x:auto}.pg-table{width:100%;border-collapse:collapse;min-width:600px}.pg-table thead th{padding:1rem 1.4rem;text-align:left;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:700;background:var(--cream);border-bottom:1px solid var(--border)}.pg-row{border-bottom:1px solid rgba(232,221,208,.5);animation:fadeUp .3s ease both;transition:background .15s}.pg-row:last-child{border-bottom:none}.pg-row:hover{background:var(--cream)}.pg-table td{padding:1rem 1.4rem;font-size:.88rem;color:var(--text);vertical-align:middle}.pg-td-name{font-weight:700;color:var(--brown)!important}.pg-td-dim{color:var(--text-dim)!important;font-size:.82rem!important}.pg-td-actions{display:flex;gap:.5rem}.cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;padding:1.5rem 2rem}.cust-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;gap:.8rem;animation:fadeUp .3s ease both;transition:all .2s}.cust-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #5c3d2e1a}.cust-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta),var(--terra-soft));color:#fff;font-family:var(--font-head);font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cust-name{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--brown)}.cust-email{font-size:.82rem;color:var(--terracotta);font-weight:600}.cust-meta{font-size:.78rem;color:var(--text-dim)}.cust-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;padding:1.5rem 2rem}.cat-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:1.6rem;display:flex;flex-direction:column;gap:.6rem;animation:fadeUp .3s ease both;transition:all .2s;position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--terracotta),var(--sage))}.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #5c3d2e1a}.cat-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--brown);padding-left:.6rem}.cat-desc{font-size:.82rem;color:var(--text-dim);line-height:1.5;padding-left:.6rem;flex:1}.cat-actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.6rem;border-top:1px solid var(--border)}.pg-stock-badge{display:inline-block;padding:.2rem .6rem;border-radius:50px;font-size:.72rem;font-weight:700}.pg-stock-badge.high{background:#7a9e7e26;color:var(--sage-dark)}.pg-stock-badge.low{background:#c96b3f1f;color:var(--terracotta)}.pg-stock-badge.zero{background:#b43c3c1f;color:#a05050}.pg-price{font-family:var(--font-head);font-weight:700;color:var(--terracotta);font-size:.95rem}@media(max-width:768px){.pg-inner{padding:0 1rem}.pg-form{grid-template-columns:1fr}.pg-stats{grid-template-columns:repeat(2,1fr)}.cust-grid,.cat-grid{grid-template-columns:1fr;padding:1rem}}:root{--cream: #fdf8f0;--cream2: #f5ede0;--cream3: #ede3d3;--sage: #7a9e7e;--sage-light: #a8c5ac;--sage-dark: #5a7d5e;--terracotta: #c96b3f;--terra-soft: #e8825a;--terra-pale: #f5d5c5;--milk-white: #fffef9;--brown: #5c3d2e;--text: #3d2b1f;--text-dim: #8a7060;--border: #e8ddd0;--font-head: "Playfair Display", serif;--font-body: "Nunito", sans-serif}.sub-root{min-height:100vh;background:var(--cream);font-family:var(--font-body);color:var(--text);padding:3rem 0 5rem}.sub-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.sub-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--cream);font-family:var(--font-body);color:var(--text-dim);font-size:.95rem}.sub-spinner{width:36px;height:36px;border:3px solid var(--cream3);border-top-color:var(--terracotta);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sub-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.sub-header-tag{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta);font-weight:700;margin-bottom:.4rem}.sub-header-title{font-family:var(--font-head);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--brown);letter-spacing:-.02em;margin-bottom:.3rem}.sub-header-sub{font-size:.88rem;color:var(--text-dim)}.sub-new-btn{background:var(--terracotta);color:var(--milk-white);border:none;padding:.75rem 1.6rem;border-radius:50px;font-family:var(--font-body);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px #c96b3f4d;transition:all .2s;white-space:nowrap}.sub-new-btn:hover{background:var(--terra-soft);transform:translateY(-2px);box-shadow:0 10px 28px #c96b3f66}.sub-error{display:flex;align-items:center;gap:.6rem;background:#c96b3f14;border:1px solid rgba(201,107,63,.25);border-radius:12px;color:var(--terracotta);font-size:.88rem;font-weight:600;padding:.9rem 1.2rem;margin-bottom:1.5rem}.sub-error button{margin-left:auto;background:none;border:none;color:var(--terracotta);cursor:pointer;font-size:.85rem}.sub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.sub-stat{background:var(--milk-white);border:1px solid var(--border);border-radius:14px;padding:1.3rem 1.5rem;text-align:center;transition:all .2s}.sub-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5c3d2e14}.sub-stat.green{border-top:3px solid #7a9e7e}.sub-stat.amber{border-top:3px solid #d4a052}.sub-stat.red{border-top:3px solid #c97070}.sub-stat-val{font-family:var(--font-head);font-size:1.9rem;font-weight:800;color:var(--brown)}.sub-stat-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700;margin-top:.2rem}.sub-form-card{background:var(--milk-white);border:1px solid var(--border);border-radius:20px;padding:2rem 2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #5c3d2e14;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem}.sub-form-head h2{font-family:var(--font-head);font-size:1.3rem;font-weight:800;color:var(--brown)}.sub-form-close{background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s}.sub-form-close:hover{background:var(--cream2);color:var(--brown)}.sub-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.sub-field{display:flex;flex-direction:column;gap:.4rem}.sub-field-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.sub-input{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;appearance:auto}.sub-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96b3f14}.sub-form-actions{grid-column:1 / -1;display:flex;gap:.8rem;margin-top:.5rem}.sub-form-cancel{flex:1;padding:.8rem;border-radius:50px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.sub-form-cancel:hover{border-color:var(--text-dim);color:var(--text)}.sub-form-submit{flex:2;padding:.8rem;border-radius:50px;border:none;background:var(--terracotta);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 16px #c96b3f4d;transition:all .2s}.sub-form-submit:hover{background:var(--terra-soft);transform:translateY(-1px)}.sub-table-card{background:var(--milk-white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #5c3d2e0f}.sub-table-head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2rem;border-bottom:1px solid var(--border)}.sub-table-head h2{font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--brown);display:flex;align-items:center;gap:.6rem}.sub-table-head h2 span{font-family:var(--font-body);font-size:.75rem;font-weight:700;background:var(--terra-pale);color:var(--terracotta);padding:.2rem .6rem;border-radius:50px}.sub-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:5rem 2rem;color:var(--text-dim)}.sub-empty-icon{font-size:3rem;margin-bottom:.5rem}.sub-empty p{font-family:var(--font-head);font-size:1.2rem;font-weight:700;color:var(--brown)}.sub-empty span{font-size:.85rem;margin-bottom:1rem}.sub-table-wrap{overflow-x:auto}.sub-table{width:100%;border-collapse:collapse;min-width:750px}.sub-table thead th{padding:1rem 1.4rem;text-align:left;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:700;background:var(--cream);border-bottom:1px solid var(--border)}.sub-row{border-bottom:1px solid rgba(232,221,208,.5);animation:fadeUp .3s ease both;transition:background .15s}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sub-row:last-child{border-bottom:none}.sub-row:hover{background:var(--cream)}.sub-table td{padding:1rem 1.4rem;font-size:.88rem;color:var(--text);vertical-align:middle}.sub-td-name{font-weight:700;color:var(--brown)!important}.sub-td-product{font-weight:600;color:var(--text-dim)!important}.sub-status{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sub-status.green{background:#7a9e7e26;color:#4a7a4e}.sub-status.amber{background:#d4a05226;color:#a07030}.sub-status.red{background:#c9707026;color:#a05050}.sub-type{font-size:.75rem;font-weight:600;color:var(--text-dim);background:var(--cream2);padding:.2rem .6rem;border-radius:6px;text-transform:capitalize}.sub-actions{display:flex;gap:.5rem}.sub-edit-btn,.sub-del-btn{padding:.4rem .9rem;border-radius:8px;font-family:var(--font-body);font-weight:700;font-size:.75rem;border:none;cursor:pointer;transition:all .15s}.sub-edit-btn{background:#7a9e7e26;color:var(--sage-dark)}.sub-edit-btn:hover{background:var(--sage);color:#fff}.sub-del-btn{background:#c96b3f1a;color:var(--terracotta)}.sub-del-btn:hover{background:var(--terracotta);color:#fff}@media(max-width:768px){.sub-stats{grid-template-columns:repeat(2,1fr)}.sub-form{grid-template-columns:1fr}.sub-inner{padding:0 1rem}}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background-color:#f4f7fb;color:#1e293b}*{box-sizing:border-box}.container{max-width:1200px;margin:auto;padding:0 1rem}.min-h-screen{min-height:100vh}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.text-3xl{font-size:1.9rem;font-weight:700;color:#0f172a}.text-xl{font-size:1.3rem;font-weight:600}.text-lg{font-size:1.1rem}.text-sm{font-size:.85rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.btn{padding:.55rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:.3s}.btn-primary{background:linear-gradient(135deg,#14b8a6,#6366f1);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #6366f14d}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#cbd5e1}.form-label{font-weight:600;margin-bottom:4px;display:block;color:#334155}.form-input{width:100%;padding:.55rem;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc}.form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}nav{background:linear-gradient(90deg,#0ea5e9,#6366f1);padding:.6rem;box-shadow:0 4px 10px #0000001a}nav a{color:#fff;padding:8px 14px;border-radius:6px;font-weight:600}nav a:hover{background:#fff3}nav .bg-blue-500{background:#fff;color:#6366f1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.gap-4{gap:1rem}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}table{width:100%;border-collapse:collapse;background:#fff}th{background:#6366f1;color:#fff;padding:10px}td{padding:10px;border-bottom:1px solid #e2e8f0}.bg-red-100{background:#fee2e2}.text-red-700{color:#b91c1c}.rounded-full{border-radius:50px;padding:3px 10px}.bg-green-100{background:#dcfce7}.text-green-800{color:#166534}.hover\:shadow-md:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.h-64{height:16rem}