@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-app:224 25% 6%;--bg-sidebar:224 25% 4%;--bg-card:224 20% 10%;--bg-card-hover:224 20% 13%;--primary:263 90% 62%;--primary-glow:#7c3aed26;--secondary:199 89% 48%;--secondary-glow:#06b6d426;--text-main:220 20% 97%;--text-muted:220 10% 65%;--text-dim:220 10% 45%;--success:150 84% 40%;--warning:35 92% 50%;--danger:350 89% 55%;--border-light:#ffffff0d;--border-glow:#7c3aed4d;--shadow-premium:0 8px 32px 0 #0000005e;--glass-bg:#111827b3;--glass-border:#ffffff0f;--glass-blur:blur(16px);--transition-smooth:none;--transition-fast:none}*{box-sizing:border-box;margin:0;padding:0}button,a,[role=button],.nav-item,label[for],select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{-webkit-user-select:none;user-select:none}button:not([class*=form-input]){min-width:36px;min-height:36px}body{font-family:var(--font-body);background-color:hsl(var(--bg-app));color:hsl(var(--text-main));letter-spacing:-.01em;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:16px}.glass-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;box-shadow:0 4px 20px #0003}.glass-card:hover{background:#ffffff0a;border-color:#ffffff14}.btn-glow{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;cursor:pointer;border:none;font-weight:600;position:relative;overflow:hidden;box-shadow:0 0 15px #7c3aed66}.btn-glow:hover{opacity:.95;box-shadow:0 0 25px #7c3aed99}.form-input{background:hsla(var(--text-main), .05);border:1.5px solid hsl(var(--primary));color:hsl(var(--text-main));font-family:var(--font-body);box-shadow:0 0 0 1px hsla(var(--primary), .05);border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.form-input:hover{border-color:hsl(var(--primary));background:hsla(var(--text-main), .08);box-shadow:0 0 0 3px var(--primary-glow)}.form-input:focus,.form-input:focus-visible{border-color:hsl(var(--primary));background:hsla(var(--text-main), .08);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-input[type=number]{appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.search-input,.search-input:hover,.search-input:focus,.search-input:focus-visible,.search-input:disabled{font-family:var(--font-body);outline:none;font-size:14px;background:hsla(var(--text-main), .14)!important;border:1.5px solid hsl(var(--primary))!important;color:hsl(var(--text-main))!important;-webkit-text-fill-color:hsl(var(--text-main))!important;opacity:1!important;box-shadow:0 0 0 3px var(--primary-glow)!important;border-radius:10px!important}.search-input:disabled{cursor:not-allowed}.search-input::placeholder{color:hsla(var(--text-main), .45)}.form-input:disabled{cursor:not-allowed;background:hsla(var(--text-main), .03)!important;border:1.5px solid hsla(var(--text-main), .15)!important;color:hsla(var(--text-main), .6)!important;-webkit-text-fill-color:hsla(var(--text-main), .6)!important;opacity:1!important}.cart-delete-btn:hover{color:hsl(var(--danger))!important;background:#ef444438!important;border-color:#ef444473!important}.cart-delete-btn:active{transform:scale(.96);background:#ef444459!important;border-color:#ef444499!important}.qty-btn:active{transform:scale(.94);background:hsla(var(--text-main), .15)!important}.btn-glow:active{transform:scale(.98);opacity:.85!important}.app-container{min-height:100vh;display:flex}.main-content{background:radial-gradient(circle at 100% 0,#7c3aed0d,#0000 50%),radial-gradient(circle at 0 100%,#06b6d40a,#0000 50%);flex-direction:column;flex:1;height:100vh;min-height:0;padding:24px;display:flex;overflow:hidden}.scroll-y{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow:hidden auto}.glass-panel.is-scroll{-webkit-backdrop-filter:none;background:#14171ff7}.modal-backdrop{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.glass-panel-solid{border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:none;background:#14171ffa;border-radius:16px}.modal-body-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sidebar{background-color:hsl(var(--bg-sidebar));border-right:1px solid var(--border-light);flex-direction:column;width:280px;padding:24px;display:flex}.logo-container{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.logo-icon{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #7c3aed66}.logo-text{font-size:20px;font-weight:800;font-family:var(--font-heading);background:linear-gradient(to right, hsl(var(--text-main)), hsl(var(--primary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{color:hsl(var(--text-muted));cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:hsl(var(--text-main));background:#ffffff08}.nav-item.active{background:linear-gradient(90deg, var(--primary-glow), transparent);border-left:3px solid hsl(var(--primary));color:hsl(var(--primary))}.badge{border-radius:9999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:hsl(var(--success));background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:hsl(var(--warning));background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:hsl(var(--danger));background:#ef44441a;border:1px solid #ef444433}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{text-transform:uppercase;color:hsl(var(--text-muted));border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:12px;font-weight:600}.premium-table td{color:hsl(var(--text-main));border-bottom:1px solid #ffffff08;padding:16px;font-size:14px}.premium-table tr:hover td{background:#ffffff03}.sidebar-collapsed .sidebar{width:78px;padding:24px 10px}.sidebar-collapsed .logo-container{justify-content:center;margin-bottom:24px;padding:0}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:12px 0}.sidebar-collapsed .nav-list{flex-direction:column;align-items:center;display:flex}html{scroll-behavior:auto}*,:before,:after{transition:none;animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-shimmer{animation:1.5s linear infinite shimmer!important}@media print{body.is-printing>:not(#print-section){display:none!important}body.is-printing{color:#000!important;background:#fff!important}#print-section{width:100%;margin:0;padding:0;position:absolute;top:0;left:0;display:block!important}}#print-section{display:none}