:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#f1f2f4;background:#090a0c;min-width:320px;min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif}.app{text-align:left;width:100%;max-width:1200px;margin:0 auto;padding:32px}@media (width<=600px){.app{padding:16px}}h1{color:#d4af37;font-size:34px}h2,h3{margin-top:25px}p{color:#ccc}label{text-align:left;margin:18px 0 8px;display:block}input,select{color:#fff;background:#1f2937;border:1px solid #4b5563;border-radius:8px;width:100%;padding:14px;font-size:16px}button{color:#111827;cursor:pointer;background:#d4af37;border:none;border-radius:10px;width:100%;margin:15px 0;padding:15px;font-size:16px;font-weight:700;display:block}button:hover{opacity:.9}.corte,.resumen{text-align:left;background:#1f2937;border-radius:12px;margin:15px 0;padding:20px}.resumen h2{color:#d4af37;margin:5px 0 20px}.rechazar{color:#fff;background:#dc2626}.volver{color:#d4af37;background:0 0;border:1px solid #d4af37;margin-top:30px}small{color:#9ca3af}h1{color:#e5e7eb;letter-spacing:-.8px;font-size:clamp(26px,4vw,36px);font-weight:700}h2,h3{color:#d1d5db;letter-spacing:-.3px;font-weight:650}p{color:#c4c8cf;line-height:1.7}button{color:#111318;cursor:pointer;background:linear-gradient(145deg,#f0f1f3,#aeb4bd);border:1px solid #f5f5f5;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #00000040}button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #c0c6cf29}input,select{color:#f1f2f4;background:#17191e;border:1px solid #454a54;border-radius:10px;max-width:100%;padding:13px;font-size:16px}input:focus,select:focus{outline-offset:2px;outline:2px solid #aeb4bd}hr{border:0;border-top:1px solid #383d46;margin:26px 0}@media (width<=600px){.app{padding:14px}button{min-height:46px;padding:12px 15px;font-size:14px}h2,h3{font-size:21px}}.panel{background:linear-gradient(145deg,#181a1f,#101114);border:1px solid #393d45;border-radius:18px;margin:24px 0;padding:24px;box-shadow:0 10px 30px #00000040}.resumen{box-sizing:border-box;width:100%}.resumen h2{border-bottom:1px solid #454a54;margin-top:0;padding-bottom:14px}@media (width<=600px){.panel{border-radius:14px;padding:16px}}.cortes-panel>div>div{background:linear-gradient(145deg,#1c1e22,#121316);border:1px solid #3c4149;border-radius:14px;margin:14px 0;padding:18px;transition:border-color .2s;box-shadow:0 5px 16px #0003}.cortes-panel>div>div:hover{border-color:#8d949e}.cortes-panel p{text-align:left;overflow-wrap:anywhere;margin:8px 0;font-size:15px}.cortes-panel strong{color:#e1e4e8}.cortes-panel hr{border-color:#383d45}@media (width<=600px){.cortes-panel>div>div{margin:12px 0;padding:13px}.cortes-panel p{font-size:14px}}.resumen h2{text-align:left;margin-bottom:22px;font-size:24px}.resumen>p{text-align:left;background:#1b1d22;border:1px solid #30343b;border-radius:10px;margin:8px 0;padding:10px 14px;font-size:15px}.resumen h3{text-align:left;border-bottom:1px solid #383d45;margin-top:28px;padding-bottom:12px}@media (width>=768px){.resumen>p{padding:13px 16px;font-size:16px}}.barbero-card{text-align:left;background:linear-gradient(145deg,#1c1e22,#121316);border:1px solid #3c4149;border-radius:14px;margin:16px 0;padding:20px;transition:border-color .2s;box-shadow:0 5px 16px #0003}.barbero-card:hover{border-color:#9299a3}.barbero-card p{color:#cbd0d8;overflow-wrap:anywhere;margin:10px 0;line-height:1.6}.barbero-card p:first-child{border-bottom:1px solid #383d45;padding-bottom:10px}.barbero-card strong{color:#f0f1f3}@media (width<=600px){.barbero-card{margin:12px 0;padding:15px}}.resumen-financiero{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.indicador-financiero span{color:#b5b5bf;margin-bottom:12px;font-size:14px;line-height:1.5;display:block}.indicador-financiero strong{color:#ededf2;overflow-wrap:anywhere;font-size:clamp(19px,2vw,27px);font-weight:700;display:block}@media (width<=700px){.resumen-financiero{grid-template-columns:1fr;gap:12px}.indicador-financiero{padding:18px}}.barbero-card{text-align:left;background:linear-gradient(145deg,#19191d,#101012);border:1px solid #3b3b43;border-radius:16px;margin:16px 0;padding:22px;box-shadow:0 8px 20px #0000002e}.barbero-encabezado{color:#eeeef2;border-bottom:1px solid #38383f;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;font-size:19px;display:flex}.barbero-icono{background:#29292f;border:1px solid #505059;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;display:inline-flex}.barbero-card p{overflow-wrap:anywhere;margin:12px 0;line-height:1.6}@media (width<=600px){.barbero-card{padding:16px}.barbero-encabezado{font-size:17px}}.corte-card{text-align:left;background:linear-gradient(145deg,#19191d,#101012);border:1px solid #414149;border-radius:16px;margin-top:16px;padding:20px;transition:border-color .2s,transform .2s;box-shadow:0 6px 18px #0003}.corte-card:hover{border-color:#aeb0b9;transform:translateY(-2px)}.corte-card strong{color:#f2f2f5}.corte-card button{border:1px solid #777780;border-radius:10px;min-height:44px;font-weight:600}@media (width<=600px){.corte-card{padding:15px}.corte-card button{width:100%;margin:6px 0}}@media (prefers-reduced-motion:reduce){.corte-card{transition:none}.corte-card:hover{transform:none}}.estado-fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.estado-badge{text-transform:capitalize;border:1px solid;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.estado-aprobado{color:#b8e8c8;background:#173326;border-color:#367752}.estado-pendiente{color:#dedee5;background:#292930;border-color:#777783}.estado-rechazado{color:#ffc1c1;background:#381e22;border-color:#85444b}button{color:#111114;cursor:pointer;background:linear-gradient(135deg,#e7e7eb,#b7b7c0);border:1px solid #777780;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}button:hover{background:linear-gradient(135deg,#fff,#d0d0d7);border-color:#fff;box-shadow:0 4px 14px #c8c8d71f}button:active{transform:scale(.98)}button:focus-visible{outline-offset:3px;outline:2px solid #e2e2ea}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.corte-card button{margin:6px 8px 6px 0}@media (width<=600px){button{min-height:48px;padding:12px 16px;font-size:15px}.corte-card button{width:100%;margin:6px 0}}@media (prefers-reduced-motion:reduce){button{transition:none}}.encabezado-app{text-align:center;background:linear-gradient(145deg,#1c1d20,#090a0c);border:1px solid #555960;border-radius:18px;margin-bottom:25px;padding:28px 20px;box-shadow:0 8px 25px #00000059}.encabezado-app h1{color:#e5e7eb;letter-spacing:1px;margin:0;font-size:clamp(28px,5vw,42px);font-weight:800}.encabezado-app p{color:#aeb4bd;margin:12px 0 0;font-size:clamp(13px,2.5vw,16px)}.boton-acceso-rapido{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:12px;width:fit-content;max-width:100%;margin:0 auto 25px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 5px 15px #0000004d}.boton-acceso-rapido:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c0c7cf40}.boton-acceso-rapido:active{transform:scale(.97)}.encabezado-app{padding-top:75px;position:relative}.selector-idioma{z-index:100;position:absolute;top:15px;right:15px}.menu-idiomas{width:150px;position:relative}.menu-idiomas summary{color:#e5e7eb;cursor:pointer;background:#1c1d20;border:1px solid #777d86;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.menu-idiomas summary::-webkit-details-marker{display:none}.menu-idiomas img{object-fit:cover;border-radius:3px;width:30px;height:20px}.opciones-idioma{background:#1c1d20;border:1px solid #777d86;border-radius:10px;width:100%;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 8px 20px #0006}.opciones-idioma button{color:#e5e7eb;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.opciones-idioma button:hover{background:#383c43}@media (width<=480px){.selector-idioma{top:10px;right:10px}.menu-idiomas{width:135px}}.panel-usuario{color:#e5e7eb;background:linear-gradient(145deg,#1c1e22,#101114);border:1px solid #777d86;border-radius:16px;margin:20px 0;padding:22px;box-shadow:0 8px 25px #0000004d}.panel-usuario h2{color:#dfe3e8;margin-top:0;margin-bottom:16px;font-size:22px}.panel-usuario p{color:#c5cad1;overflow-wrap:anywhere;margin:8px 0;font-size:15px;line-height:1.6}@media (width<=480px){.panel-usuario{border-radius:12px;padding:16px}.panel-usuario h2{font-size:19px}}.panel.resumen h2,.panel h2{color:#dfe3e8}.boton-cerrar-sesion{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:10px;width:fit-content;min-width:160px;max-width:100%;margin:20px 0;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s;display:block}.boton-cerrar-sesion:hover{transform:translateY(-2px)}.resumen-financiero{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.indicador-financiero{text-align:center;background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:14px;min-width:0;padding:22px 18px;box-shadow:0 6px 18px #00000040}.indicador-financiero span{color:#c5cad1;margin-bottom:12px;font-size:14px;display:block}.indicador-financiero strong{color:#f1f3f5;overflow-wrap:anywhere;font-size:24px;display:block}@media (width<=700px){.resumen-financiero{grid-template-columns:1fr;gap:12px}.indicador-financiero strong{font-size:22px}}.contadores-cortes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.contador-corte{text-align:center;background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 15px;display:flex}.contador-corte span{color:#c5cad1;font-size:14px}.contador-corte strong{color:#f1f3f5;font-size:28px;font-weight:700}@media (width<=700px){.contadores-cortes{grid-template-columns:1fr;gap:12px}.contador-corte{padding:16px}}.navegacion-rapida{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:25px 0;display:flex}.navegacion-rapida .boton-acceso-rapido{width:auto;min-width:220px;max-width:100%;margin:0}@media (width<=700px){.navegacion-rapida{flex-direction:column;gap:12px}.navegacion-rapida .boton-acceso-rapido{width:100%;min-width:0}}.barbero-card{color:#e5e7eb;background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:14px;margin:16px 0;padding:22px;box-shadow:0 6px 18px #00000040}.barbero-encabezado{border-bottom:1px solid #555b64;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.barbero-encabezado strong{color:#f1f3f5;font-size:19px}.barbero-icono{font-size:28px}.barbero-card p{color:#c5cad1;margin:10px 0;font-size:15px;line-height:1.6}.barbero-card hr{display:none}@media (width<=700px){.barbero-card{padding:16px}.barbero-encabezado strong{font-size:17px}}.barbero-card p{background:#ffffff09;border-radius:8px;margin:6px 0;padding:8px 12px}.barbero-card p:last-of-type{color:#f1f3f5;background:#c0c7cf1a;border:1px solid #555b64;font-weight:700}.corte-card{color:#e5e7eb;background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:14px;margin:16px 0;padding:20px;box-shadow:0 6px 18px #00000040}.corte-card p{color:#c5cad1;overflow-wrap:anywhere;margin:10px 0;line-height:1.6}.corte-card p strong{color:#f1f3f5}.corte-card .estado-fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=700px){.corte-card{border-radius:12px;padding:16px}}.acciones-corte{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.acciones-corte button{cursor:pointer;border-radius:10px;flex:1;min-width:120px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .2s}.acciones-corte .boton-aprobar{color:#111318;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1}.acciones-corte .boton-rechazar{color:#e5e7eb;background:#24272c;border:1px solid #777d86}.acciones-corte button:hover{transform:translateY(-2px)}@media (width<=480px){.acciones-corte{flex-direction:column}.acciones-corte button{flex:none;width:100%}}.boton-actualizar-cortes{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:10px;width:fit-content;max-width:100%;margin:18px 0;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block}.boton-actualizar-cortes:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c0c7cf40}@media (width<=480px){.boton-actualizar-cortes{width:100%}}.boton-exportar-excel{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:10px;width:fit-content;max-width:100%;margin:20px 0;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block}.boton-exportar-excel:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c0c7cf40}@media (width<=480px){.boton-exportar-excel{width:100%}}.formulario-corte{background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:14px;flex-direction:column;gap:14px;margin:20px 0;padding:24px;display:flex}.formulario-corte label{color:#dfe3e8;font-size:15px;font-weight:600}.formulario-corte input{box-sizing:border-box;color:#f1f3f5;background:#101114;border:1px solid #777d86;border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.formulario-corte input:focus{outline-offset:2px;outline:2px solid #c5cad1}.formulario-corte button{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:10px;padding:13px 20px;font-size:15px;font-weight:700}@media (width<=700px){.formulario-corte{padding:16px}}.formulario-login{box-sizing:border-box;background:linear-gradient(145deg,#24272c,#15171a);border:1px solid #777d86;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;margin:30px auto;padding:28px;display:flex;box-shadow:0 8px 25px #0000004d}.formulario-login h2{color:#dfe3e8;text-align:center;margin:0 0 10px}.formulario-login input{box-sizing:border-box;color:#f1f3f5;background:#101114;border:1px solid #777d86;border-radius:10px;width:100%;padding:14px;font-size:16px}.formulario-login input:focus{outline-offset:2px;outline:2px solid #c5cad1}.formulario-login button{color:#111318;cursor:pointer;background:linear-gradient(135deg,#dfe3e8,#9299a3);border:1px solid #c5cad1;border-radius:10px;padding:14px 20px;font-size:16px;font-weight:700}@media (width<=480px){.formulario-login{margin:20px auto;padding:20px}}.mensaje-app{box-sizing:border-box;color:#e5e7eb;overflow-wrap:anywhere;background:linear-gradient(135deg,#292d33,#191b1f);border:1px solid #a4abb5;border-left:4px solid #d1d5db;border-radius:10px;width:100%;margin:16px 0;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.5;box-shadow:0 4px 12px #0003}.boton-acceso-rapido,.boton-cerrar-sesion,.boton-actualizar-cortes,.boton-exportar-excel,.boton-aprobar,.boton-rechazar,.formulario-login button,.formulario-corte button{transition:transform .2s,filter .2s}@media (hover:hover){.boton-acceso-rapido:hover,.boton-cerrar-sesion:hover,.boton-actualizar-cortes:hover,.boton-exportar-excel:hover,.boton-aprobar:hover,.boton-rechazar:hover,.formulario-login button:hover,.formulario-corte button:hover{filter:brightness(1.12);transform:translateY(-2px)}}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #dfe3e8}@media (prefers-reduced-motion:reduce){button{transition:none!important;transform:none!important}}.formulario-login input,.formulario-corte input{transition:border-color .2s,box-shadow .2s}.formulario-login input:focus,.formulario-corte input:focus{border-color:#dfe3e8;box-shadow:0 0 0 3px #dfe3e826}@media (prefers-reduced-motion:reduce){.formulario-login input,.formulario-corte input{transition:none}}html{scroll-behavior:smooth}#cortes-registrados,#resumen-ganancias{scroll-margin-top:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=480px){.app{box-sizing:border-box;width:100%}.panel h2,.encabezado-app h1{overflow-wrap:anywhere;line-height:1.3}.corte-card,.barbero-card,.indicador-financiero{box-sizing:border-box;min-width:0}}