@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700;800&display=swap";:root{--bg-dark:#131519;--bg-card:#1a1d24eb;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent:#6b7280;--accent-hover:#4b5563;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--border:#ffffff14}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 50% 0,#4755692e 0,#0000 65%),radial-gradient(at 100% 100%,#0f172a59 0,#0000 55%),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-layout{min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 8px 30px #00000073, 0 0 25px color-mix(in srgb, var(--active-color,var(--accent)) 12%, transparent);border-radius:12px;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{box-shadow:0 12px 40px #0009, 0 0 30px color-mix(in srgb, var(--active-color,var(--accent)) 25%, transparent);border-color:#ffffff24;transform:translateY(-2px)}.sidebar{box-shadow:1px 0 0 color-mix(in srgb, var(--active-color,#6b7280) 22%, transparent), 3px 0 10px color-mix(in srgb, var(--active-color,#6b7280) 7%, transparent), 6px 0 20px #00000073;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .5s,border-color .5s,width .25s;position:relative;overflow:hidden;border-right:1px solid color-mix(in srgb, var(--active-color,#6b7280) 30%, #ffffff0d)!important;background:#0e1014!important}.sidebar:hover{box-shadow:1px 0 0 color-mix(in srgb, var(--active-color,#6b7280) 35%, transparent), 4px 0 15px color-mix(in srgb, var(--active-color,#6b7280) 12%, transparent), 8px 0 30px #000000a6;border-right-color:color-mix(in srgb, var(--active-color,#6b7280) 45%, #ffffff14)!important}.sidebar-header{transition:border-color .5s;border-bottom:1px solid color-mix(in srgb, var(--active-color,#6b7280) 20%, #ffffff0f)!important;background:#14171d!important}.flex-center{justify-content:center;align-items:center;display:flex}.nav-item{cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);color:var(--text-secondary)!important;background:0 0!important;border:none!important;border-radius:8px!important}.nav-item:hover{box-shadow:inset 4px 0 0 var(--nav-color,var(--active-color,#3b82f6)), 0 0 20px color-mix(in srgb, var(--nav-color,var(--active-color,#3b82f6)) 30%, transparent);transform:translate(4px);background:color-mix(in srgb, var(--nav-color,var(--active-color,#3b82f6)) 18%, transparent)!important;color:var(--nav-color,#fff)!important}.nav-item.active{box-shadow:inset 4px 0 0 var(--nav-color,var(--active-color,var(--text-primary))), 0 0 22px color-mix(in srgb, var(--nav-color,var(--active-color)) 35%, transparent);background:color-mix(in srgb, var(--nav-color,var(--active-color)) 18%, transparent)!important;color:var(--nav-color,var(--active-color))!important;font-weight:700!important}.nav-item:active{transition:all 50ms ease-in;transform:translate(5px)scale(.98)}input,button,textarea,select{font-family:inherit}.input-field{width:100%;color:var(--text-primary);background:#0b0d10;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px;font-size:.95rem;transition:all .25s}.input-field:focus{border-color:var(--active-color,var(--accent));box-shadow:0 0 16px color-mix(in srgb, var(--active-color,var(--accent)) 30%, transparent);outline:none}.btn-primary{background:var(--active-color,#3b82f6);color:#fff;cursor:pointer;box-shadow:0 4px 18px color-mix(in srgb, var(--active-color,#3b82f6) 25%, transparent);border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-primary:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--active-color,#3b82f6) 50%, transparent), 0 0 20px var(--active-color,#3b82f6);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)scale(.98)}.btn-danger{color:var(--danger);cursor:pointer;background:#ef444426;border:1px solid #ef444440;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .25s}.btn-danger:hover{background:#ef444447;transform:scale(1.04);box-shadow:0 0 20px #ef444499}.btn-danger:active{transform:scale(.96)}.sub-tab-btn{cursor:pointer;color:var(--text-secondary);border:1px solid #ffffff12;border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);background:#171a21!important}.sub-tab-btn:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--active-color,#3b82f6) 40%, transparent);transform:translateY(-2px);background:color-mix(in srgb, var(--active-color,#3b82f6) 20%, transparent)!important;color:#fff!important}.sub-tab-btn.active{background:var(--active-color,#3b82f6)!important;color:#fff!important;box-shadow:0 4px 22px color-mix(in srgb, var(--active-color,#3b82f6) 60%, transparent)!important}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.metric-value{margin:0;font-size:1.85rem;font-weight:800}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.85rem 1rem}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.825rem;font-weight:600}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;margin-bottom:1rem;overflow-x:auto}.badge{border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.tickets-container{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#fff3 transparent;gap:1.75rem;display:flex;overflow-x:auto;margin:0!important;padding:2.5rem 2rem 3.5rem!important}.tickets-container::-webkit-scrollbar{height:8px}.tickets-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.order-ticket{border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 8px 25px #00000080;background:#181b22!important;flex:0 0 340px!important;width:340px!important;overflow:visible!important}.order-ticket:hover{box-shadow:0 16px 45px #000000b3, 0 0 25px color-mix(in srgb, var(--active-color,#3b82f6) 20%, transparent);border-color:#ffffff26;transform:translateY(-4px)}.order-ticket.state-carrito{border-top:5px solid #6b7280!important}.order-ticket.state-revision{border-top:5px solid #f59e0b!important}.order-ticket.state-cocinando{border-top:5px solid #8b5cf6!important}.order-ticket.state-enviado{border-top:5px solid #3b82f6!important}.order-ticket.state-completado{border-top:5px solid #10b981!important}.ticket-header{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.ticket-badge{border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.state-carrito .ticket-badge{color:#9ca3af;background:#6b728033}.state-revision .ticket-badge{color:#fcd34d;background:#f59e0b33}.state-cocinando .ticket-badge{color:#c4b5fd;background:#8b5cf633}.state-enviado .ticket-badge{color:#93c5fd;background:#3b82f633}.state-completado .ticket-badge{color:#6ee7b7;background:#10b98133}.ticket-body{flex:1;padding:1rem;font-size:.95rem}.ticket-body p{margin:.25rem 0;line-height:1.4}.ticket-actions{background:#00000040;border-top:1px dashed #ffffff1a;border-radius:0 0 14px 14px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.state-badge-carrito{color:#9ca3af;background:#6b728033;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.state-badge-revision{color:#fcd34d;background:#f59e0b33;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.state-badge-cocinando{color:#c4b5fd;background:#8b5cf633;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.state-badge-enviado{color:#93c5fd;background:#3b82f633;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.state-badge-completado{color:#6ee7b7;background:#10b98133;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s forwards fadeIn}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.dashboard-layout{flex-direction:column!important}.main-content{width:100%!important;padding:1rem 1rem 5.5rem!important;overflow-x:hidden!important}.grid-cards{grid-template-columns:1fr!important;gap:1rem!important}.mobile-top-bar{display:flex!important}.sidebar{z-index:9999!important;border-right:none!important;border-top:1px solid color-mix(in srgb, var(--active-color,#3b82f6) 35%, #ffffff14)!important;width:100%!important;height:64px!important;min-height:auto!important;box-shadow:0 -4px 20px color-mix(in srgb, var(--active-color,#3b82f6) 12%, #000c)!important;-webkit-backdrop-filter:blur(20px)!important;background:#0e1014f5!important;flex-direction:row!important;margin:0!important;padding:0!important;position:fixed!important;inset:auto 0 0!important}.sidebar-header{display:none!important}.sidebar-nav{-webkit-overflow-scrolling:touch!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 4px!important;display:flex!important;overflow-x:auto!important}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{text-align:center!important;min-width:58px!important;height:52px!important;box-shadow:none!important;border:none!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;margin:0!important;padding:6px 4px!important}.nav-item svg{width:18px!important;height:18px!important}.nav-item-text{font-size:.65rem!important;font-weight:600!important;line-height:1!important;display:block!important}.sidebar-footer,.hide-on-mobile{display:none!important}.tickets-container{gap:1.25rem!important;padding:1rem .5rem 2rem!important}.order-ticket{flex:0 0 88vw!important;width:88vw!important}.btn-primary,.btn-danger{padding:12px 16px!important;font-size:.95rem!important}.input-field{padding:12px 14px!important;font-size:16px!important}.sub-tabs-bar{-webkit-overflow-scrolling:touch!important;padding-bottom:6px!important;overflow-x:auto!important}}