@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-color: #ffffff;--text-color: #24292f;--card-bg: #f6f8fa;--accent-color: #1f883d;--accent-hover: #1a7f37;--border-color: #d0d7de;--input-bg: #ffffff;--danger-color: #da3633;--warning-color: #d29922;--info-color: #58a6ff;--font-family: "Inter", sans-serif;--font-heading: "Playfair Display", serif;--brand-primary: #09c6ab;--brand-secondary: #09c6ab;--brand-gold: #09c6ab;--brand-teal: #09c6ab;--brand-dark: #1a0f12;--brand-light: #fdf8f5;--sidebar-bg: #ffffff}[data-theme=dark]{--bg-color: #0d1117;--text-color: #e6edf3;--card-bg: #161b22;--accent-color: #238636;--accent-hover: #2ea043;--border-color: #30363d;--input-bg: #0d1117}[data-dark-mode=true]{--bg-color: #0d1117;--text-color: #e6edf3;--card-bg: #161b22;--accent-color: #238636;--accent-hover: #2ea043;--border-color: #30363d;--input-bg: #0d1117;--sidebar-bg: #0d1117;--glass-bg: rgba(13, 17, 23, .8);--glass-border: rgba(255, 255, 255, .1);--brand-text: #1a1a1a}[data-dark-mode=true] .admin-logo-wrap{background-color:#fff;border-radius:999px;padding:6px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffffffd9}[data-dark-mode=true] .admin-logo{display:block}[data-dark-mode=true] .admin-category-item{color:#e6edf3}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%}.admin-mobile-header{display:none}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden;width:100%;max-width:100vw}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:6px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--info-color);box-shadow:0 0 0 2px #58a6ff33}#root{overflow-x:hidden;width:100%;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:1rem}@media(max-width:768px){.container{max-width:100%;padding:.75rem 1rem;margin:0}}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;margin-bottom:1rem}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem;color:#fff}.btn-primary{background-color:var(--accent-color)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{opacity:.9}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-color)}.mobile-menu-btn{display:none!important}.public-sidebar{transform:translate(0);transition:transform .3s ease-in-out;background-color:var(--sidebar-bg)}@media(max-width:768px){.public-sidebar{transform:translate(-100%);z-index:1000;box-shadow:2px 0 10px #0000001a;background-color:#1a0f12!important;color:#e6edf3!important}.public-sidebar a{color:#e6edf3!important}.public-sidebar a.active{color:var(--brand-gold)!important;background-color:#d4af371a!important}.public-sidebar .brand-filter-container{background-color:#fff;border-radius:50%;box-shadow:0 4px 15px #ffffff4d}.public-sidebar.open{transform:translate(0)}.public-layout-content{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;padding:0!important}.public-layout-content main{padding:0!important;width:100%!important;max-width:100%!important}.hero{padding:1.5rem 1rem 2.5rem!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;flex-direction:column!important;gap:1.5rem!important;min-height:auto!important;border-radius:0 0 0 48px!important;margin-left:0!important;margin-right:0!important}.hero-content{text-align:left!important;width:100%!important;max-width:none!important;padding:0!important}.hero-bg{position:relative!important;top:auto!important;right:auto!important;width:100%!important;height:220px!important;opacity:.85!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:12px!important;margin-top:.75rem!important}.hero h1{font-size:clamp(2.2rem,4vw + 1rem,3rem)!important}.hero p{font-size:clamp(1rem,2vw + .2rem,1.1rem)!important}.hero .btn{width:100%!important}.landing-page{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.product-card{margin:0!important}}.category-card{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 6px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;height:auto;background-color:var(--card-bg);border:1px solid var(--border-color);padding:1.5rem 1.25rem;text-align:center}.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #0000001f;border-color:var(--brand-gold)}.category-card h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-color);margin:0;transition:color .3s ease}.category-card:hover h3{color:var(--brand-gold)}@media(max-width:1024px)and (orientation:landscape){.container{max-width:100%;padding:.5rem .75rem}.hero{padding:.75rem 1rem!important;gap:.75rem!important;min-height:auto!important;border-radius:0 0 0 36px!important;margin-bottom:1.25rem!important}.hero-bg{height:140px!important;opacity:.7!important;border-radius:10px!important;margin-top:.5rem!important}.hero h1{font-size:clamp(1.6rem,2.2vw + .9rem,2.2rem)!important}.hero p{font-size:.95rem!important;margin-bottom:1rem!important}.hero .btn{padding:.7rem 1rem!important}.grid{grid-template-columns:1fr}.table-container{overflow-x:auto}header{padding:1rem!important}.mobile-menu-btn{display:block!important;margin-right:.5rem;background-color:#121212!important;color:#fff!important;border:1px solid #2a2a2a!important;border-radius:10px!important;padding:.4rem .6rem!important;transition:all .2s ease!important}.mobile-menu-btn:hover{background-color:#1f1f1f!important;border-color:#3a3a3a!important;box-shadow:0 2px 8px #0000004d!important}.mobile-menu-btn:active{transform:scale(.95)!important}.desktop-only{display:none!important}.mobile-overlay{display:block!important}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only,.public-sidebar .mobile-only{display:flex!important}}@media(min-width:1025px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media(max-width:1024px){.mobile-menu-btn{display:block!important}}@media(max-width:768px){.admin-sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:250px!important;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000!important;background-color:var(--sidebar-bg)!important;box-shadow:2px 0 10px #0000001a!important}.admin-sidebar.open{transform:translate(0)}.admin-layout-content{margin-left:0!important;width:100%!important}.admin-overlay{display:block!important;position:fixed!important;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.admin-mobile-header{display:flex!important;align-items:center;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:100;background:var(--card-bg);border-bottom:1px solid var(--border-color)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.custom-scrollbar::-webkit-scrollbar{width:10px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#30363d;border-radius:10px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#30363d transparent}