@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";:root{--primary-color: #F97316;--primary-hover: #EA580C;--bg-color: #F8FAFC;--card-bg: #FFFFFF;--text-main: #0F172A;--text-muted: #64748B;--border-color: #E2E8F0;--accent-color: #F59E0B;--success-color: #10B981;--danger-color: #EF4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: 12px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;user-select:none;-webkit-user-select:none}body{background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;overscroll-behavior:none;height:100%;width:100%;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;height:100%;width:100%}@keyframes slideUpFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-enter{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes skeletonPulse{0%{background-color:var(--border-color)}50%{background-color:#94a3b833}to{background-color:var(--border-color)}}.skeleton{animation:skeletonPulse 1.5s infinite ease-in-out;border-radius:var(--radius-md);opacity:.7}::-webkit-scrollbar{display:none}button{border:none;background:none;cursor:pointer;font-family:inherit;outline:none}@media (max-width: 768px){.catalog-page .catalog-container{grid-template-columns:85px 1fr!important}.catalog-page .category-sidebar{width:85px!important;height:100vh!important;padding:12px 6px!important;border-right:1px solid var(--border-color);border-bottom:none!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important}.category-sidebar .touch-icon{font-size:20px!important;margin-bottom:4px!important}.category-sidebar h3{font-size:10px!important;text-align:center;line-height:1.1}.catalog-page .category-card{padding:12px 4px!important;aspect-ratio:auto!important}.catalog-page .main-content{margin-left:0!important}.catalog-page .promo-banner{padding:24px 16px!important}.catalog-page .promo-banner h1{font-size:28px!important}.product-list{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}.detail-grid{grid-template-columns:1fr!important;padding:0 16px!important;gap:16px!important}.product-detail-page{padding-bottom:140px!important}.bottom-bar{padding:16px!important;flex-direction:row!important;gap:16px}.total-display h2{font-size:24px!important}.checkout-container{grid-template-columns:1fr!important;padding:0 16px!important}.success-content{padding:32px 16px!important}.admin-layout{flex-direction:column!important}.mobile-header-bar{display:flex!important}.admin-sidebar{width:280px!important;height:100vh!important;position:fixed;top:0;left:0;z-index:1000;padding:0!important;box-shadow:4px 0 24px #0000001a;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)!important;overflow-y:auto!important;flex-direction:column!important;justify-content:flex-start!important}.admin-sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block!important}.admin-brand{display:flex!important}.admin-nav{flex-direction:column!important;padding:0 16px!important;gap:6px!important;justify-content:flex-start!important;align-items:stretch!important}.nav-label{display:block!important}.nav-link{padding:14px 16px!important;flex-direction:row!important;border-radius:12px!important;justify-content:flex-start!important;gap:12px!important}.link-text{display:block!important}.nav-link .icon{font-size:20px!important}.nav-link.external-link,.nav-link.text-danger{display:flex!important}.admin-content{padding-top:16px!important}.pos-container{height:100%!important;margin:-16px!important}.pos-top-header{padding:12px!important}.pos-top-header>div{flex-direction:column!important;align-items:stretch!important}.pos-top-header input{width:100%!important}.pos-main-area{flex-direction:column!important;overflow:visible!important}.pos-products-area{overflow:visible!important}.pos-products-area>div{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:12px!important}.pos-ticketera{width:100%!important;box-shadow:0 -10px 24px #0000001a!important;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:16px}.admin-topbar{padding:0 16px 16px!important;flex-direction:column;gap:8px;height:auto!important}.search-bar{width:100%!important}.dashboard-content,.stats-grid,.grid-2-col,.form-grid{grid-template-columns:1fr!important}.admin-page-container{padding:16px!important}.premium-table{font-size:13px!important}}.page-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:120px}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.pack-desktop-table{display:none!important}.pack-mobile-list{display:flex!important}}.desktop-premium-header{background:#fff;border-bottom:1px solid #E2E8F0;width:100%;z-index:100;position:relative}.desktop-header-main{max-width:1400px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.desktop-logo{display:flex;align-items:center}.desktop-logo img{max-height:40px;max-width:250px;object-fit:contain}.desktop-logo h1{font-size:24px;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.5px}.desktop-actions{display:flex;align-items:center;gap:24px}.desktop-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;color:#475569;background:transparent;border:none;cursor:pointer;transition:color .2s}.desktop-action-btn:hover{color:var(--primary-color, #4F46E5)}.desktop-action-btn i{font-size:26px;font-weight:300}.desktop-action-btn .action-label{font-size:11px;font-weight:600}.desktop-header-nav{max-width:1400px;margin:0 auto;padding:0 24px 16px;display:flex;align-items:center;gap:24px}.desktop-mega-menu-trigger{position:relative}.desktop-products-btn{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E2E8F0;padding:10px 20px;border-radius:12px;font-weight:700;color:#0f172a;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00000005}.desktop-products-btn:hover{border-color:var(--primary-color, #4F46E5);box-shadow:0 4px 12px #0000000d}.desktop-products-btn .material-symbols-outlined{font-size:20px;color:#64748b}.desktop-mega-menu-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:800px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;border:1px solid #E2E8F0;padding:24px;z-index:1000;animation:slideUpFade .2s ease-out}.desktop-mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mega-menu-parent{display:flex;align-items:center;gap:8px;font-weight:700;color:#0f172a;font-size:14px;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s}.mega-menu-parent:hover,.mega-menu-parent.active{color:var(--primary-color, #4F46E5)}.mega-menu-parent .material-symbols-outlined{font-size:20px;color:#94a3b8}.mega-menu-parent .arrow{margin-left:auto;font-size:18px}.mega-menu-children{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-left:28px;border-left:2px solid #F1F5F9;margin-left:10px}.mega-child-btn{text-align:left;padding:6px 12px;font-size:13px;color:#475569;font-weight:500;border-radius:6px;transition:all .1s}.mega-child-btn:hover{background:#f8fafc;color:var(--primary-color, #4F46E5)}.mega-child-btn.selected{background:#eef2ff;color:var(--primary-color, #4F46E5);font-weight:700}.desktop-quick-links{display:flex;align-items:center;justify-content:center;flex:1;gap:24px;overflow-x:auto;scrollbar-width:none}.desktop-quick-links::-webkit-scrollbar{display:none}.desktop-quick-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;transition:color .2s;white-space:nowrap}.desktop-quick-link:hover{color:var(--primary-color, #4F46E5)}.neon-glow-effect{font-weight:950!important;color:#0ff!important;text-shadow:0 0 4px rgba(0,255,255,.6),0 0 8px rgba(0,255,255,.4),0 0 12px rgba(0,255,255,.2)!important;animation:neonRGB 3.2s linear infinite!important;border:none!important;background-color:transparent!important;box-shadow:none!important}.neon-glow-effect span,.neon-glow-effect i{animation:neonRGB 3.2s linear infinite!important;text-shadow:0 0 4px rgba(0,255,255,.6),0 0 8px rgba(0,255,255,.4),0 0 12px rgba(0,255,255,.2)!important}@keyframes neonRGB{0%{color:#ff3c3c}33%{color:#3cff5a}66%{color:#468cff}to{color:#ff3c3c}}.desktop-quick-link .material-symbols-outlined{font-size:18px;color:#94a3b8}.neon-color-desktop{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#00000080;padding:8px 16px;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;box-shadow:0 4px 12px #0000004d}.neon-color-mobile{display:none;gap:12px;padding:16px;background:#fff;border-radius:16px;border:1px solid #E2E8F0;margin-bottom:24px;justify-content:center;flex-wrap:wrap;box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.neon-color-desktop{display:none!important}.neon-color-mobile{display:flex!important}}.product-desc{color:#475569;line-height:1.6;font-size:16px}.product-desc p{margin-bottom:12px}.product-desc ul,.product-desc ol{margin-left:24px;margin-bottom:12px}.product-desc li{margin-bottom:4px}.product-desc strong,.product-desc b{font-weight:700;color:#1e293b}.product-desc em,.product-desc i{font-style:italic}