:root{--bg-dark: #0B0F19;--bg-card: rgba(22, 32, 50, .7);--bg-card-solid: #162032;--bg-sidebar: #0e1422;--primary: #0DF5E3;--primary-glow: rgba(13, 245, 227, .25);--secondary: #94A3B8;--accent-yellow: #F39C12;--accent-blue: #3498DB;--accent-green: #2DDC7B;--accent-red: #FF6B6B;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-dark: #64748B;--border: rgba(255, 255, 255, .08);--border-focus: rgba(13, 245, 227, .5);--font-display: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--shadow-glow: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-primary: 0 0 20px rgba(13, 245, 227, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;height:100vh}.dashboard-container{display:flex;height:100vh;width:100vw;overflow:hidden}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-glow);border-radius:var(--radius)}.glass-solid{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0df5e34d}.sidebar{width:260px;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:var(--transition-smooth)}.sidebar-logo{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sidebar-logo h2{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#FFF 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{flex-grow:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.sidebar-item:hover,.sidebar-item.active{color:var(--primary);background:#0df5e30d;box-shadow:inset 3px 0 0 0 var(--primary)}.sidebar-item svg{width:20px;height:20px;transition:var(--transition-smooth)}.sidebar-item:hover svg,.sidebar-item.active svg{filter:drop-shadow(0 0 4px var(--primary))}.sidebar-footer{padding:24px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.main-content{flex-grow:1;height:100vh;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:32px}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-title h1{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-1px}.page-title p{color:var(--text-muted);font-size:14px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:#0be3d2;box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border-color:var(--border)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.btn-accent-green{background:#2ddc7b26;color:var(--accent-green);border-color:#2ddc7b40}.btn-accent-green:hover{background:var(--accent-green);color:#000;box-shadow:0 0 10px #2ddc7b4d}.btn-accent-blue{background:#3498db26;color:var(--accent-blue);border-color:#3498db40}.btn-accent-blue:hover{background:var(--accent-blue);color:#fff;box-shadow:0 0 10px #3498db4d}.btn-accent-red{background:#ff6b6b26;color:var(--accent-red);border-color:#ff6b6b40}.btn-accent-red:hover{background:var(--accent-red);color:#fff;box-shadow:0 0 10px #ff6b6b4d}.live-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}@keyframes pulse-yellow{0%,to{box-shadow:0 0 8px #f39c1233;border-color:#f39c124d}50%{box-shadow:0 0 20px #f39c1299;border-color:#f39c12cc}}@keyframes pulse-blue{0%,to{box-shadow:0 0 8px #3498db33;border-color:#3498db4d}50%{box-shadow:0 0 20px #3498db99;border-color:#3498dbcc}}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #2ddc7b33;border-color:#2ddc7b4d}50%{box-shadow:0 0 20px #2ddc7b99;border-color:#2ddc7bcc}}.pulse-pending{animation:pulse-yellow 2s infinite ease-in-out}.pulse-preparing{animation:pulse-blue 2s infinite ease-in-out}.pulse-ready{animation:pulse-green 2s infinite ease-in-out}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#f39c121a;color:var(--accent-yellow);border:1px solid rgba(243,156,18,.2)}.badge-preparing{background:#3498db1a;color:var(--accent-blue);border:1px solid rgba(52,152,219,.2)}.badge-ready{background:#2ddc7b1a;color:var(--accent-green);border:1px solid rgba(45,220,123,.2)}.badge-completed{background:#94a3b81a;color:var(--text-muted);border:1px solid rgba(148,163,184,.2)}.badge-rejected{background:#ff6b6b1a;color:var(--accent-red);border:1px solid rgba(255,107,107,.2)}.glass-table-container{width:100%;max-height:70vh;overflow-x:auto;overflow-y:auto;border-radius:var(--radius);border:1px solid var(--border)}.glass-table{width:100%;border-collapse:collapse;text-align:left}.glass-table th{padding:18px 24px;background:#0f1726f7;font-family:var(--font-display);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.glass-table td{padding:18px 24px;border-bottom:1px solid var(--border);color:var(--text-main);transition:var(--transition-smooth)}.glass-table tr:hover td{background:#ffffff05}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.input-group label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.input-field{width:100%;background:#0b0f1999;border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text-main);font-family:var(--font-body);font-size:14px;transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{width:100%;max-width:500px;padding:32px;position:relative;overflow:hidden;animation:modal-slide .3s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-pill{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 24px;z-index:1100;box-shadow:0 12px 40px #00000080;animation:slide-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-logo h2,.sidebar-item span,.sidebar-footer{display:none}.sidebar-item{justify-content:center;padding:16px}}@media (max-width: 640px){.main-content{padding:16px;gap:20px}.page-title h1{font-size:24px}.live-orders-grid{grid-template-columns:1fr}}body{background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(13,245,227,.06),transparent),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(52,152,219,.05),transparent);background-attachment:fixed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}::selection{background:var(--primary-glow);color:var(--text-main)}.btn:active{transform:translateY(0) scale(.97)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.sidebar-item{position:relative}.sidebar-item:hover{transform:translate(2px)}.sidebar-item:active{transform:translate(2px) scale(.98)}.glass-table tbody tr:nth-child(2n) td{background:#ffffff04}.glass-table thead th{position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-field::placeholder{color:var(--text-dark)}.input-field:hover:not(:focus){border-color:#ffffff29}.main-content>*{animation:asakt-rise .35s cubic-bezier(.21,.6,.35,1) both}@keyframes asakt-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:asakt-shimmer 1.4s infinite;border-radius:8px}@keyframes asakt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.modal-content{max-height:90vh;overflow-y:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.asakt-monogram{display:flex;align-items:center;justify-content:center;border-radius:26%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-blue) 100%);color:#04141a;font-family:var(--font-display);font-weight:900;letter-spacing:-1px;box-shadow:0 4px 18px var(--primary-glow),inset 0 1px #ffffff59;flex-shrink:0;-webkit-user-select:none;user-select:none}.asakt-wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#FFF 30%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}