@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primario:#1a1a2e;--color-primario-hover:#16213e;--color-primario-claro:#1a1a2e14;--color-secundario:#c8a96e;--color-secundario-hover:#b8963e;--color-exito:#10b981;--color-exito-claro:#10b9811a;--color-error:#ef4444;--color-error-claro:#ef44441a;--color-advertencia:#f59e0b;--color-advertencia-claro:#f59e0b1a;--color-info:#3b82f6;--color-info-claro:#3b82f61a;--color-fondo:#faf9f7;--color-fondo-elevado:#fff;--color-fondo-sidepanel:#1a1a2e;--color-fondo-sidepanel-hover:#16213e;--color-fondo-card:#fff;--color-fondo-input:#fff;--color-texto:#1a1a2e;--color-texto-secundario:#64748b;--color-texto-terciario:#94a3b8;--color-texto-inverso:#faf9f7;--color-texto-sidepanel:#d4cfc8;--color-texto-sidepanel-activo:#fff;--color-borde:#e8e5e0;--color-borde-hover:#d4d0ca;--color-borde-input:#cbd5e1;--color-borde-input-focus:var(--color-primario);--color-borde-error:var(--color-error);--sombra-sm:0 1px 2px 0 #0000000d;--sombra-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sombra-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--sombra-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--espacio-xs:4px;--espacio-sm:8px;--espacio-md:16px;--espacio-lg:24px;--espacio-xl:32px;--espacio-2xl:48px;--espacio-3xl:64px;--radio-sm:6px;--radio-md:8px;--radio-lg:12px;--radio-xl:16px;--radio-full:9999px;--fuente-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--texto-xs:.75rem;--texto-sm:.875rem;--texto-base:1rem;--texto-lg:1.125rem;--texto-xl:1.25rem;--texto-2xl:1.5rem;--texto-3xl:1.875rem;--peso-normal:400;--peso-medio:500;--peso-semibold:600;--peso-bold:700;--transicion-rapida:.15s ease;--transicion-normal:.2s ease;--transicion-lenta:.3s ease;--z-header:10;--z-sidebar:20;--z-modal:50;--z-carga:100;--ancho-sidebar:260px;--ancho-maximo:1200px;--ancho-formulario:420px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--fuente-sans);font-size:var(--texto-base);font-weight:var(--peso-normal);color:var(--color-texto);background-color:var(--color-fondo);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--peso-semibold);color:var(--color-texto);line-height:1.3}h1{font-size:var(--texto-3xl)}h2{font-size:var(--texto-2xl)}h3{font-size:var(--texto-xl)}h4{font-size:var(--texto-lg)}p{color:var(--color-texto-secundario);line-height:1.7}a{color:var(--color-primario);transition:color var(--transicion-rapida);text-decoration:none}a:hover{color:var(--color-primario-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-borde);border-radius:var(--radio-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-borde-hover)}.pagina-carga{background-color:var(--color-fondo);justify-content:center;align-items:center;min-height:100vh;display:flex}.pagina-enter{animation:fadeIn var(--transicion-lenta) ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){:root{--ancho-sidepanel:0px}}.carga{background-color:var(--color-fondo);justify-content:center;align-items:center;min-height:100vh;display:flex}.carga__contenido{align-items:center;gap:var(--espacio-md);flex-direction:column;display:flex}.carga__spinner{border:3px solid var(--color-borde);border-top-color:var(--color-primario);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.carga__texto{font-size:var(--texto-sm);color:var(--color-texto-secundario);font-weight:var(--peso-medio)}@keyframes spin{to{transform:rotate(360deg)}}.btn{justify-content:center;align-items:center;gap:var(--espacio-sm);font-family:var(--fuente-sans);font-weight:var(--peso-medio);border-radius:var(--radio-md);transition:all var(--transicion-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primario{background-color:var(--color-primario);color:var(--color-texto-inverso)}.btn--primario:hover:not(:disabled){background-color:var(--color-primario-hover);box-shadow:var(--sombra-md)}.btn--secundario{background-color:var(--color-fondo-elevado);color:var(--color-texto);border-color:var(--color-borde)}.btn--secundario:hover:not(:disabled){background-color:var(--color-fondo);border-color:var(--color-borde-hover)}.btn--peligro{background-color:var(--color-error);color:var(--color-texto-inverso)}.btn--peligro:hover:not(:disabled){box-shadow:var(--sombra-md);background-color:#dc2626}.btn--fantasma{color:var(--color-primario);background-color:#0000}.btn--fantasma:hover:not(:disabled){background-color:var(--color-primario-claro)}.btn--sm{font-size:var(--texto-sm);height:32px;padding:6px 12px}.btn--md{font-size:var(--texto-base);height:40px;padding:10px 20px}.btn--lg{font-size:var(--texto-lg);height:48px;padding:14px 28px}.btn__icono{align-items:center;display:flex}.btn__icono svg{width:18px;height:18px}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}.btn--cargando .btn__texto{opacity:.7}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--block{width:100%}.campo{gap:var(--espacio-xs);flex-direction:column;width:100%;display:flex}.campo__etiqueta{font-size:var(--texto-sm);font-weight:var(--peso-medio);color:var(--color-texto)}.campo__input{width:100%;height:44px;padding:0 var(--espacio-md);font-size:var(--texto-base);color:var(--color-texto);background-color:var(--color-fondo-input);border:1px solid var(--color-borde-input);border-radius:var(--radio-md);transition:border-color var(--transicion-rapida), box-shadow var(--transicion-rapida)}.campo__input::placeholder{color:var(--color-texto-terciario)}.campo__input:focus{border-color:var(--color-borde-input-focus);box-shadow:0 0 0 3px var(--color-primario-claro)}.campo--error .campo__input{border-color:var(--color-borde-error)}.campo--error .campo__input:focus{box-shadow:0 0 0 3px var(--color-error-claro)}.campo--error .campo__etiqueta{color:var(--color-error)}.campo__error{font-size:var(--texto-sm);color:var(--color-error);line-height:1.4}.boton-instalacion{align-items:center;gap:var(--espacio-sm);font-family:var(--fuente-sans);font-size:var(--texto-sm);font-weight:var(--peso-medio);color:var(--color-texto-inverso);background-color:var(--color-secundario);border-radius:var(--radio-full);cursor:pointer;transition:all var(--transicion-normal);white-space:nowrap;box-shadow:var(--sombra-md);border:none;padding:8px 16px;animation:.4s ease-out boton-instalacion-entrar;display:inline-flex}.boton-instalacion:hover{background-color:var(--color-secundario-hover);box-shadow:var(--sombra-lg);transform:translateY(-1px)}.boton-instalacion:active{box-shadow:var(--sombra-sm);transform:translateY(0)}.boton-instalacion svg{flex-shrink:0}@keyframes boton-instalacion-entrar{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.boton-instalacion{font-size:var(--texto-xs);padding:6px 12px}}.login{min-height:100vh;padding:var(--espacio-md);background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 40%,#0f3460 100%);justify-content:center;align-items:center;display:flex}.login__contenedor{width:100%;max-width:var(--ancho-formulario);background-color:var(--color-fondo-elevado);border-radius:var(--radio-xl);box-shadow:var(--sombra-xl);padding:var(--espacio-2xl) var(--espacio-xl);animation:fadeIn var(--transicion-lenta) ease forwards}.login__header{text-align:center;margin-bottom:var(--espacio-xl)}.login__logo{width:64px;height:64px;margin:0 auto var(--espacio-md);background:linear-gradient(135deg, var(--color-secundario), #e8c97a);border-radius:var(--radio-lg);box-shadow:var(--sombra-md);justify-content:center;align-items:center;display:flex}.login__logo-icono{font-size:28px;line-height:1}.login__titulo{font-size:var(--texto-2xl);font-weight:var(--peso-bold);color:var(--color-texto);margin-bottom:var(--espacio-xs)}.login__subtitulo{font-size:var(--texto-sm);color:var(--color-texto-secundario);font-weight:var(--peso-normal)}.login__formulario{gap:var(--espacio-lg);flex-direction:column;display:flex}.login__alerta{padding:var(--espacio-sm) var(--espacio-md);background-color:var(--color-error-claro);border:1px solid var(--color-error);border-radius:var(--radio-md);color:var(--color-error);font-size:var(--texto-sm);font-weight:var(--peso-medio);text-align:center}.login__footer{text-align:center;margin-top:var(--espacio-lg);font-size:var(--texto-xs);color:var(--color-texto-terciario)}@media (width<=480px){.login__contenedor{padding:var(--espacio-xl) var(--espacio-lg)}}.reportes{padding:var(--espacio-xl) var(--espacio-2xl);max-width:var(--ancho-maximo);margin:0 auto}.reportes__encabezado{margin-bottom:var(--espacio-xl);justify-content:space-between;align-items:flex-start;display:flex}.reportes__titulo{font-size:var(--texto-3xl);font-weight:var(--peso-bold);color:var(--color-texto);margin-bottom:var(--espacio-xs)}.reportes__subtitulo{font-size:var(--texto-sm);color:var(--color-texto-secundario)}.reportes__periodo{align-items:center;gap:var(--espacio-sm);font-size:var(--texto-sm);color:var(--color-texto-terciario);background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-sm) var(--espacio-md);display:flex}.reportes__kpis{gap:var(--espacio-md);margin-bottom:var(--espacio-xl);grid-template-columns:repeat(4,1fr);display:grid}.reportes__kpi{align-items:center;gap:var(--espacio-md);background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-lg);transition:box-shadow var(--transicion-normal), border-color var(--transicion-normal);display:flex}.reportes__kpi:hover{box-shadow:var(--sombra-md);border-color:var(--color-borde-hover)}.reportes__kpi-icono{border-radius:var(--radio-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.reportes__kpi-icono--ordenes{background:var(--color-primario-claro);color:var(--color-primario)}.reportes__kpi-icono--ingresos{background:var(--color-exito-claro);color:var(--color-exito)}.reportes__kpi-icono--ticket{background:var(--color-advertencia-claro);color:var(--color-advertencia)}.reportes__kpi-icono--menu{background:var(--color-info-claro);color:var(--color-info)}.reportes__kpi-contenido{flex-direction:column;flex:1;min-width:0;display:flex}.reportes__kpi-valor{font-size:var(--texto-2xl);font-weight:var(--peso-bold);color:var(--color-texto);line-height:1.2}.reportes__kpi-label{font-size:var(--texto-xs);color:var(--color-texto-terciario);text-transform:uppercase;letter-spacing:.5px}.reportes__kpi-tendencia{border-radius:var(--radio-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.reportes__kpi-tendencia--neutral{background:var(--color-primario-claro);color:var(--color-texto-terciario)}.reportes__kpi-tendencia--subida{background:var(--color-exito-claro);color:var(--color-exito)}.reportes__kpi-tendencia--bajada{background:var(--color-error-claro);color:var(--color-error)}.reportes__grid{gap:var(--espacio-md);grid-template-columns:2fr 1fr;display:grid}.reportes__grafico-principal{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-lg);min-height:300px}.reportes__placeholder-encabezado{margin-bottom:var(--espacio-lg);justify-content:space-between;align-items:center;display:flex}.reportes__placeholder-encabezado h3{font-size:var(--texto-lg);font-weight:var(--peso-semibold);color:var(--color-texto)}.reportes__placeholder-badge{font-size:var(--texto-xs);font-weight:var(--peso-medium);color:var(--color-texto-terciario);background:var(--color-primario-claro);padding:var(--espacio-xs) var(--espacio-sm);border-radius:var(--radio-full)}.reportes__placeholder-grafico{gap:var(--espacio-sm);flex-direction:column;display:flex}.reportes__placeholder-barras{align-items:flex-end;gap:var(--espacio-sm);height:180px;padding:0 var(--espacio-sm);display:flex}.reportes__placeholder-barra{background:linear-gradient(180deg, var(--color-secundario) 0%, var(--color-primario) 100%);border-radius:var(--radio-sm) var(--radio-sm) 0 0;opacity:.3;transition:opacity var(--transicion-normal);flex:1}.reportes__placeholder-barra:hover{opacity:.5}.reportes__placeholder-eje-x{font-size:var(--texto-xs);color:var(--color-texto-terciario);justify-content:space-around;display:flex}.reportes__panel-lateral{gap:var(--espacio-md);flex-direction:column;display:flex}.reportes__widget{background:var(--color-fondo-elevado);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-lg);flex:1}.reportes__placeholder-lista{gap:var(--espacio-md);flex-direction:column;display:flex}.reportes__placeholder-item{gap:var(--espacio-sm);padding-bottom:var(--espacio-md);border-bottom:1px solid var(--color-borde);flex-direction:column;display:flex}.reportes__placeholder-item:last-child{border-bottom:none;padding-bottom:0}.reportes__placeholder-linea{border-radius:var(--radio-full);background:var(--color-fondo);height:10px}.reportes__placeholder-linea--corta{width:40%}.reportes__placeholder-linea--media{width:65%}@media (width<=1024px){.reportes__kpis{grid-template-columns:repeat(2,1fr)}.reportes__grid{grid-template-columns:1fr}}@media (width<=768px){.reportes{padding:var(--espacio-md)}.reportes__encabezado{gap:var(--espacio-sm);flex-direction:column}.reportes__kpis{grid-template-columns:1fr}.reportes__kpi{padding:var(--espacio-md)}.reportes__kpi-icono{width:40px;height:40px}}.layout-admin{background-color:var(--color-fondo);flex-direction:column;min-height:100vh;display:flex}.layout-admin__header{height:48px;padding:0 var(--espacio-lg);background-color:var(--color-fondo-elevado);border-bottom:1px solid var(--color-borde);z-index:var(--z-header);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.layout-admin__header-izq,.layout-admin__header-der{align-items:center;gap:var(--espacio-md);display:flex}.layout-admin__inquilino-nombre{font-size:var(--texto-sm);font-weight:var(--peso-medium);color:var(--color-texto-secundario)}.layout-admin__hamburguesa{border-radius:var(--radio-md);width:36px;height:36px;color:var(--color-texto);transition:background-color var(--transicion-rapida);justify-content:center;align-items:center;display:none}.layout-admin__hamburguesa:hover{background-color:var(--color-primario-claro)}.layout-admin__toggle-sidepanel{border-radius:var(--radio-md);width:36px;height:36px;color:var(--color-texto-secundario);transition:background-color var(--transicion-rapida), color var(--transicion-rapida);justify-content:center;align-items:center;display:none}.layout-admin__toggle-sidepanel:hover{background-color:var(--color-primario-claro);color:var(--color-texto)}.layout-admin__usuario{align-items:center;gap:var(--espacio-sm);display:flex}.layout-admin__avatar{border-radius:var(--radio-full);background:linear-gradient(135deg, var(--color-primario), var(--color-secundario));width:32px;height:32px;color:var(--color-texto-inverso);font-size:var(--texto-xs);font-weight:var(--peso-semibold);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.layout-admin__usuario-info{flex-direction:column;display:flex}.layout-admin__usuario-nombre{font-size:var(--texto-sm);font-weight:var(--peso-semibold);color:var(--color-texto);line-height:1.2}.layout-admin__usuario-rol{font-size:var(--texto-xs);color:var(--color-texto-terciario);text-transform:uppercase;letter-spacing:.5px}.layout-admin__cuerpo{flex:1;min-height:0;display:flex}.layout-admin__contenido{background-color:var(--color-fondo);flex:1;min-width:0;overflow-y:auto}.layout-admin__sidepanel--desktop{width:var(--ancho-sidebar);background-color:var(--color-fondo-sidepanel);border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;justify-content:space-between;height:calc(100vh - 48px);display:flex;position:sticky;top:48px;overflow-y:auto}.layout-admin__sidepanel--drawer,.layout-admin__overlay{display:none}.layout-admin__sidepanel-top{padding:var(--espacio-lg) 0;flex-direction:column;display:flex}.layout-admin__marca{align-items:center;gap:var(--espacio-sm);padding:0 var(--espacio-lg);margin-bottom:var(--espacio-xl);display:flex;position:relative}.layout-admin__marca-icono{color:var(--color-secundario);justify-content:center;align-items:center;display:flex}.layout-admin__marca-texto{font-size:var(--texto-lg);font-weight:var(--peso-bold);color:var(--color-texto-inverso);letter-spacing:-.3px}.layout-admin__cerrar-drawer{display:none}.layout-admin__nav{gap:var(--espacio-xs);padding:0 var(--espacio-sm);flex-direction:column;display:flex}.layout-admin__nav-item{align-items:center;gap:var(--espacio-sm);width:100%;padding:var(--espacio-sm) var(--espacio-md);border-radius:var(--radio-md);font-size:var(--texto-sm);font-weight:var(--peso-medio);color:var(--color-texto-sidepanel);cursor:pointer;transition:background-color var(--transicion-rapida), color var(--transicion-rapida);text-align:left;display:flex;position:relative}.layout-admin__nav-item:hover:not(:disabled),.layout-admin__nav-item--activo{background-color:var(--color-fondo-sidepanel-hover);color:var(--color-texto-sidepanel-activo)}.layout-admin__nav-item--activo:before{content:"";background-color:var(--color-secundario);border-radius:0 var(--radio-full) var(--radio-full) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.layout-admin__nav-item--deshabilitado{opacity:.4;cursor:default}.layout-admin__nav-label{flex:1}.layout-admin__nav-badge{font-size:9px;font-weight:var(--peso-semibold);color:var(--color-secundario);border-radius:var(--radio-full);text-transform:uppercase;letter-spacing:.5px;background-color:#c8a96e26;padding:2px 6px}.layout-admin__sidepanel-footer{padding:var(--espacio-md) var(--espacio-sm);border-top:1px solid #ffffff0f}.layout-admin__nav-item--salir{color:var(--color-texto-sidepanel)}.layout-admin__nav-item--salir:hover{color:var(--color-error);background-color:#ef44441a}@media (width<=1024px){.layout-admin__toggle-sidepanel{display:flex}.layout-admin__sidepanel--desktop{width:72px;transition:width var(--transicion-lenta)}.layout-admin__sidepanel--desktop .layout-admin__marca-texto,.layout-admin__sidepanel--desktop .layout-admin__nav-label,.layout-admin__sidepanel--desktop .layout-admin__nav-badge{display:none}.layout-admin__sidepanel--desktop .layout-admin__marca{justify-content:center;padding:0}.layout-admin__sidepanel--desktop .layout-admin__nav-item{padding:var(--espacio-sm);justify-content:center}.layout-admin__sidepanel--desktop .layout-admin__nav-item--activo:before{left:0}.layout-admin__sidepanel--desktop .layout-admin__sidepanel-footer .layout-admin__nav-item{justify-content:center}.layout-admin__sidepanel--desktop.colapsado{display:none}.layout-admin__sidepanel--drawer{width:var(--ancho-sidebar);background-color:var(--color-fondo-sidepanel);height:calc(100vh - 48px);z-index:var(--z-sidebar);transition:transform var(--transicion-lenta);border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;justify-content:space-between;position:sticky;top:48px;overflow-y:auto;transform:translate(0)}.layout-admin__sidepanel--drawer:not(.layout-admin__sidepanel--abierto){display:none}}@media (width<=768px){.layout-admin__header{padding:0 var(--espacio-md);height:44px}.layout-admin__usuario-info{display:none}.layout-admin__hamburguesa{display:flex}.layout-admin__toggle-sidepanel,.layout-admin__sidepanel--desktop{display:none}.layout-admin__overlay{z-index:calc(var(--z-sidebar) - 1);opacity:0;pointer-events:none;transition:opacity var(--transicion-lenta);background-color:#00000080;display:block;position:fixed;inset:0}.layout-admin__overlay--visible{opacity:1;pointer-events:auto}.layout-admin__sidepanel--drawer{background-color:var(--color-fondo-sidepanel);width:280px;height:100vh;z-index:var(--z-sidebar);transition:transform var(--transicion-lenta);padding-top:var(--espacio-md);flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0000004d}.layout-admin__sidepanel--abierto{transform:translate(0)}.layout-admin__cerrar-drawer{border-radius:var(--radio-md);width:32px;height:32px;color:var(--color-texto-sidepanel);transition:background-color var(--transicion-rapida), color var(--transicion-rapida);justify-content:center;align-items:center;margin-left:auto;display:flex}.layout-admin__cerrar-drawer:hover{color:var(--color-texto-inverso);background-color:#ffffff1a}}