:root{--katen-pink: #e91e63;--katen-pink-dark: #c2185b;--katen-cream: #fdf6f0;--katen-rose: #fce4ec;--katen-petal: #f8bbd0;--katen-brown: #5d4037;--katen-white: #ffffff;--katen-text-secondary: #888888;--katen-muted: #cccccc;--katen-danger: #ff6b6b;--katen-amber: #ff9800;--katen-success: #4caf50;--katen-shadow-pink: rgba(248, 187, 208, .3);--katen-shadow-btn: rgba(233, 30, 99, .4);--katen-radius-lg: 16px;--katen-radius-md: 12px;--katen-radius-sm: 8px;--katen-radius-full: 50%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass-panel{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--katen-radius-lg);border:1px solid rgba(248,187,208,.4);box-shadow:0 4px 16px #0000000f}.glass-card{background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--katen-radius-md);border:1px solid rgba(248,187,208,.3);box-shadow:0 2px 8px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--katen-shadow-pink)}.glass-input{width:100%;padding:10px 14px;background:#ffffffe6;border:2px solid var(--katen-petal);border-radius:var(--katen-radius-sm);font-size:14px;color:var(--katen-brown);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.glass-input:focus{border-color:var(--katen-pink);box-shadow:0 0 0 3px #e91e6326}.glass-input::placeholder{color:var(--katen-muted)}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*:nth-child(1){animation:stagger-in .3s ease 0ms both}.stagger-in>*:nth-child(2){animation:stagger-in .3s ease 50ms both}.stagger-in>*:nth-child(3){animation:stagger-in .3s ease .1s both}.stagger-in>*:nth-child(4){animation:stagger-in .3s ease .15s both}.stagger-in>*:nth-child(5){animation:stagger-in .3s ease .2s both}.stagger-in>*:nth-child(6){animation:stagger-in .3s ease .25s both}.btn-press{transition:transform .1s ease,box-shadow .15s ease}.btn-press:active{transform:scale(.96)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--katen-rose) 25%,var(--katen-petal) 50%,var(--katen-rose) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--katen-radius-sm)}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px var(--katen-shadow-btn)}50%{box-shadow:0 8px 40px #e91e6399}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes checkmark-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.checkmark-pop{animation:checkmark-pop .4s ease-out both}@keyframes low-stock-glow{0%,to{box-shadow:0 0 #ff980000}50%{box-shadow:0 0 8px 2px #ff980080}}.low-stock-glow{animation:low-stock-glow 2s ease-in-out infinite}h1,h2,h3{margin:0;color:var(--katen-brown);font-weight:800;line-height:1.2}h1{font-size:24px;letter-spacing:1px}h2{font-size:18px;letter-spacing:.5px}h3{font-size:16px;letter-spacing:.3px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--katen-cream);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--katen-petal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--katen-pink)}*{scrollbar-width:thin;scrollbar-color:var(--katen-petal) var(--katen-cream)}