:root{--bg-app: #141418;--bg-card: #1e1e24;--bg-card-hover: #2e2e33;--bg-overlay: rgba(20, 20, 24, .8);--bg-active: rgba(59, 130, 246, .08);--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #3b82f6;--primary-text: #ffffff;--text-main: #fafafa;--text-muted: #a1a1aa;--text-inverted: #141418;--border: #2e2e33;--border-active: #3b82f6;--success: #059669;--warning: #d97706;--error: #dc2626;--radius-sm: 8px;--radius-md: 12px;--radius-full: 9999px;--shadow-glow: 0 4px 20px rgba(37, 99, 235, .15);--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes bellPulse{0%{box-shadow:0 0 #3b82f680;transform:scale(1)}30%{box-shadow:0 0 0 8px #3b82f600;transform:scale(1.08)}60%{box-shadow:0 0 #3b82f600;transform:scale(1)}to{box-shadow:0 0 #3b82f600;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.animate-slide{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.animate-slide-in{animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-animate{animation:toastSlide .3s cubic-bezier(.16,1,.3,1)}.img-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff21,#ffffff0f 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@media(max-width:640px){.form-category-col,.form-avail-col{grid-column:1 / -1}}@media(max-width:640px){.new-category-row{flex-wrap:wrap!important}.new-category-row input{width:100%!important;flex:1 1 100%!important;min-width:0}}@media(max-width:640px){.avail-picker-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.avail-picker-row .avail-allday-btn{width:100%;justify-content:center}.avail-picker-row .avail-time-row{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;width:100%}.avail-picker-row .avail-time-row button{flex:1;justify-content:center}.avail-picker-row .avail-time-row .avail-arrow{flex:0 0 auto}}.shop-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,265px));gap:16px}@media(max-width:1199px){.shop-products-grid{grid-template-columns:repeat(auto-fill,minmax(210px,255px))}}@media(max-width:767px){.shop-products-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media(max-width:479px){.shop-products-grid{grid-template-columns:1fr;max-width:305px}}@media(max-width:768px){.nav-links-desktop{display:none!important}.nav-menu-btn{display:flex!important}.grid-cols-3,.grid-cols-2{grid-template-columns:1fr!important}.section-padding{padding:48px 16px!important}.dashboard-order-items{white-space:normal!important;min-width:0!important}.dashboard-tables-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3{grid-template-columns:1fr 1fr!important}}.dashboard-main{overflow-x:hidden;max-width:100vw}.chart-container{width:100%;overflow:hidden}.chart-container canvas{max-width:100%!important;height:auto!important}