@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#e8c547;--color-primary-light:#f2d96b;--color-primary-dark:#c9a830;--color-primary-muted:#e8c54726;--color-bg:#f5f0e1;--color-bg-secondary:#ede7d4;--color-surface:#fffdf5;--color-surface-glass:#fffdf5a6;--color-surface-elevated:#fff;--color-text:#2d2d3a;--color-text-secondary:#6b6b80;--color-text-muted:#9a9aaf;--color-text-inverse:#fffdf5;--color-dark:#1e1e2e;--color-dark-surface:#2a2a3e;--color-dark-muted:#3a3a50;--color-success:#4ade80;--color-success-bg:#4ade801f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--color-pendiente:#f59e0b;--color-preparacion:#3b82f6;--color-lista:#10b981;--color-entregada:#8b5cf6;--color-en-camino:#06b6d4;--color-cerrada:#6b7280;--color-cancelada:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.25rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-base:1.5;--lh-relaxed:1.7;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-card:0 2px 8px #0000000f,0 0 1px #0000000a;--shadow-elevated:0 8px 24px #0000001a,0 2px 8px #0000000f;--shadow-modal:0 20px 60px #00000026,0 4px 16px #00000014;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max-width:1440px;--z-sidebar:100;--z-topbar:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.glass-card{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #ffffff59}.status-pendiente{color:var(--color-pendiente)}.status-preparacion{color:var(--color-preparacion)}.status-lista{color:var(--color-lista)}.status-entregada{color:var(--color-entregada)}.status-en-camino{color:var(--color-en-camino)}.status-cerrada{color:var(--color-cerrada)}.status-cancelada{color:var(--color-cancelada)}.bg-pendiente{background:#f59e0b1f}.bg-preparacion{background:#3b82f61f}.bg-lista{background:#10b9811f}.bg-entregada{background:#8b5cf61f}.bg-en-camino{background:#06b6d41f}.bg-cerrada{background:#6b72801f}.bg-cancelada{background:#ef44441f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base)forwards}.animate-slide-in{animation:slideIn var(--transition-base)forwards}.animate-scale-in{animation:scaleIn var(--transition-base)forwards}@media (max-width:768px){:root{--sidebar-width:0px}}