.dashboardLoading{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#1e293b);background-size:200% 200%;animation:gradientShift 8s ease infinite}.dashboardLoading .particle{position:fixed;width:2px;height:2px;border-radius:50%;background:rgba(109,40,217,.3);animation:particleFloat linear infinite}.dashboardLoading .particle:first-child{left:10%;animation-duration:12s;animation-delay:0s}.dashboardLoading .particle:nth-child(2){left:25%;animation-duration:15s;animation-delay:2s;width:3px;height:3px}.dashboardLoading .particle:nth-child(3){left:45%;animation-duration:10s;animation-delay:4s}.dashboardLoading .particle:nth-child(4){left:65%;animation-duration:14s;animation-delay:1s}.dashboardLoading .particle:nth-child(5){left:80%;animation-duration:11s;animation-delay:3s}.dashboardLoading .particle:nth-child(6){left:90%;animation-duration:13s;animation-delay:5s;width:3px;height:3px}.dashboardLoading .dashboardLoadingContent{display:flex;flex-direction:column;align-items:center;gap:28px;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) both}.dashboardLoading .logoWrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.dashboardLoading .logoGlow{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(109,40,217,.4) 0,transparent 70%);animation:glowPulse 2.5s ease-in-out infinite}.dashboardLoading .orbitRing{position:absolute;width:110px;height:110px;border:1.5px solid rgba(109,40,217,.15);border-radius:50%}.dashboardLoading .orbitRingAnimated{position:absolute;width:130px;height:130px;border-radius:50%;animation:rotateOrbit 12s linear infinite reverse}.dashboardLoading .orbitDot{position:absolute;width:6px;height:6px;border-radius:50%;background:#6d28d9;box-shadow:0 0 10px rgba(109,40,217,.8),0 0 20px rgba(109,40,217,.4)}.dashboardLoading .orbitDot.orbitDot1{animation:orbit1 3s linear infinite}.dashboardLoading .orbitDot.orbitDot2{animation:orbit2 4s linear infinite;width:4px;height:4px;opacity:.7}.dashboardLoading .orbitDot.orbitDot3{animation:orbit3 5s linear infinite;width:3px;height:3px;opacity:.5}.dashboardLoading .logo{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(2273%) hue-rotate(260deg) brightness(92%) contrast(95%);animation:logoFloat 3s ease-in-out infinite;position:relative;z-index:2}.dashboardLoading .brandText{font-size:28px;font-weight:700;letter-spacing:.35em;color:#e2e8f0;text-transform:uppercase;text-align:center;animation:textReveal 1s cubic-bezier(.16,1,.3,1) .3s both}.dashboardLoading .progressWrapper{width:180px;height:2px;background:rgba(109,40,217,.15);border-radius:2px;overflow:hidden;animation:fadeIn .6s ease .6s both}.dashboardLoading .progressBar{width:40%;height:100%;background:linear-gradient(90deg,transparent,#6d28d9,transparent);border-radius:2px;animation:shimmer 1.8s ease-in-out infinite}.dashboardLoading .dots{display:flex;gap:6px;animation:fadeIn .6s ease .8s both}.dashboardLoading .dot{width:4px;height:4px;border-radius:50%;background:rgba(109,40,217,.4);animation:dotPulse 1.4s ease-in-out infinite}.dashboardLoading .dot:nth-child(2){animation-delay:.2s}.dashboardLoading .dot:nth-child(3){animation-delay:.4s}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}@keyframes rotateOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit1{0%{transform:rotate(0deg) translateX(55px) rotate(0deg)}to{transform:rotate(1turn) translateX(55px) rotate(-1turn)}}@keyframes orbit2{0%{transform:rotate(120deg) translateX(65px) rotate(-120deg)}to{transform:rotate(480deg) translateX(65px) rotate(-480deg)}}@keyframes orbit3{0%{transform:rotate(240deg) translateX(75px) rotate(-240deg)}to{transform:rotate(600deg) translateX(75px) rotate(-600deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes textReveal{0%{opacity:0;letter-spacing:.8em;filter:blur(4px)}to{opacity:1;letter-spacing:.35em;filter:blur(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1;background:#6d28d9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes particleFloat{0%{bottom:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:110vh;opacity:0}}.skeletonBar{height:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.skeletonPage{display:flex;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-direction:column;gap:1.5rem;padding:1.5rem}.skeletonPage .skeletonPageHeader{display:flex;flex-direction:column;gap:.75rem}.skeletonPage .skeletonPageHeader .skeletonBarLg{height:2rem;width:12rem;border-radius:.75rem}.skeletonPage .skeletonPageHeader .skeletonBarMd{height:1rem;width:8rem;border-radius:.5rem}.skeletonPage .skeletonPageBody{display:flex;flex-direction:column;gap:.75rem}.skeletonCard{display:flex;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-direction:column;gap:.75rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem}.skeletonCard .skeletonBar{height:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}@keyframes pulse{50%{opacity:.5}}.skeletonText{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeletonText .skeletonBar{height:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.printKitchenTicketButton{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/.6);padding:.875rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.printKitchenTicketButton:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));background-color:rgb(254 226 226/.8)}.printKitchenTicketButton:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oikosEmptyState{grid-column:1/-1;flex-direction:column;padding-top:3rem;padding-bottom:3rem;text-align:center}.oikosEmptyState,.oikosEmptyState .emptyStateIcon{display:flex;align-items:center;justify-content:center}.oikosEmptyState .emptyStateIcon{margin-bottom:.75rem;height:3.5rem;width:3.5rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.oikosEmptyState .emptyStateTitle{font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.oikosEmptyState .emptyStateDescription{margin-top:.25rem;max-width:20rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}