:root{--azul: #2a78d6;--azul-oscuro: #185fa5;--gris-bg: #f5f6f7;--gris-borde: #e1e0d9;--gris-texto: #52514e;--gris-suave: #898781;--verde: #199e70;--rojo: #d03b3b;--ambar: #ba7517;--superficie: #ffffff;--radio: 10px;--sombra: 0 1px 3px rgba(0, 0, 0, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gris-bg);color:#1a1a19;overflow-x:hidden}img,svg,canvas,video{max-width:100%}input,select,textarea,button{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--superficie);border-right:1px solid var(--gris-borde);padding:20px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar h1{font-size:16px;font-weight:600;padding:0 10px 16px;color:var(--azul-oscuro)}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--gris-texto);text-decoration:none;font-size:14px}.sidebar a:hover{background:var(--gris-bg)}.sidebar a.activo{background:#e6f1fb;color:var(--azul-oscuro);font-weight:500}.sidebar .sep{flex:1}.sidebar .usuario{font-size:13px;color:var(--gris-suave);padding:10px;border-top:1px solid var(--gris-borde)}.sidebar .usuario button{margin-top:6px;font-size:12px;color:var(--rojo);background:none;border:none;cursor:pointer;padding:0}.contenido{flex:1;padding:24px 28px;min-width:0;max-width:calc(100vw - 230px);overflow-x:hidden}.contenido>*{min-width:0;max-width:100%}.filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.campo{display:flex;flex-direction:column;gap:4px;min-width:150px}.campo label{font-size:12px;color:var(--gris-texto)}.campo select,.campo input{width:100%;min-width:0;max-width:100%;height:36px;padding:0 10px;border:1px solid var(--gris-borde);border-radius:8px;background:var(--superficie);font-size:14px}.tarjetas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.tarjeta{background:var(--superficie);border-radius:var(--radio);border:1px solid var(--gris-borde);padding:16px}.tarjeta .etiqueta{font-size:13px;color:var(--gris-texto);margin-bottom:6px}.tarjeta .valor{font-size:24px;font-weight:600;overflow-wrap:anywhere}.tarjeta .valor.rojo{color:var(--rojo)}.tarjeta .valor.verde{color:var(--verde)}.tarjeta .valor.gris{color:var(--gris-suave);font-size:18px}.config-tira{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:13px}.pill{padding:4px 12px;border-radius:20px;background:#e6f1fb;color:var(--azul-oscuro);font-weight:500}.pill.gris{background:var(--gris-bg);color:var(--gris-texto);font-weight:400}.seccion{background:var(--superficie);border-radius:var(--radio);border:1px solid var(--gris-borde);padding:18px 20px;margin-bottom:20px;min-width:0;max-width:100%;overflow-x:auto}.seccion-cabecera{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.seccion-cabecera>*{min-width:0;max-width:100%}.tabla-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{max-width:100%}th,td{overflow-wrap:anywhere}pre,code{max-width:100%;overflow-wrap:anywhere}pre{overflow-x:auto}.formulario-campana{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;min-width:0}.formulario-campana .campo{flex:1 1 150px;min-width:0;max-width:100%}.formulario-campana .campo-ancho{flex-basis:260px}.formulario-campana .campo-flex{flex:2 1 320px}.boton-crear-campana{height:36px;padding:0 18px;background:var(--azul);color:#fff;border:none;border-radius:8px;cursor:pointer;flex:0 0 auto}.tabla-campanas{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.tabla-campanas .col-campana{width:14%}.tabla-campanas .col-capataz{width:17%}.tabla-campanas .col-pago{width:39%}.tabla-campanas .col-tipo{width:9%}.tabla-campanas .col-fecha{width:10%}.tabla-campanas .col-acciones{width:11%}.tabla-campanas th,.tabla-campanas td{padding:10px 8px;min-width:0;vertical-align:middle}.tabla-campanas .celda-campana{font-weight:500;overflow-wrap:anywhere}.tabla-campanas .control-celda{display:block;width:100%;min-width:0;max-width:100%;height:32px;text-overflow:ellipsis}.tabla-campanas .celda-pago{min-width:0;font-size:12px}.tabla-campanas .celda-fecha{white-space:nowrap}.tabla-campanas .celda-acciones{text-align:right}.acciones-celda{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px 7px}.acciones-celda button{margin:0!important}.seccion-cabecera h2{font-size:16px;font-weight:600}.toggle{margin-left:auto;display:flex;gap:4px}.toggle button{font-size:12px;padding:5px 12px;border:1px solid var(--gris-borde);border-radius:6px;background:var(--superficie);cursor:pointer}.toggle button.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--superficie);border:1px solid var(--gris-borde);border-radius:14px;padding:32px;width:340px;box-shadow:var(--sombra)}.login-card h1{font-size:18px;margin-bottom:4px;color:var(--azul-oscuro)}.login-card p{font-size:13px;color:var(--gris-suave);margin-bottom:20px}.login-card label{display:block;font-size:13px;color:var(--gris-texto);margin:12px 0 4px}.login-card input{width:100%;height:40px;padding:0 12px;border:1px solid var(--gris-borde);border-radius:8px;font-size:14px}.login-card button{width:100%;height:42px;margin-top:20px;background:var(--azul);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.login-card button:hover{background:var(--azul-oscuro)}.error{color:var(--rojo);font-size:13px;margin-top:12px}.cargando{color:var(--gris-suave);font-size:14px;padding:40px;text-align:center}@media(max-width:1440px){html{font-size:15px}.seccion{padding:16px 18px}.seccion-cabecera h2{font-size:16px}table{font-size:12.5px}th,td{padding:7px 9px!important}}@media(max-width:1200px){html{font-size:14px}.seccion{padding:14px 15px;margin-bottom:14px}.filtros{gap:8px}.campo{min-width:130px}.campo label{font-size:11.5px}.campo input,.campo select{padding:6px 8px;font-size:13px}table{font-size:12px}th,td{padding:6px 8px!important}h2{font-size:17px}.seccion>div[style*=overflow]{max-width:100%}}@media(max-width:900px){html{font-size:13.5px}.filtros{flex-direction:column;align-items:stretch}.campo,.campo[style]{min-width:0!important;width:100%;max-width:100%}.campo input,.campo select,.campo textarea,.filtros input,.filtros select,.seccion-cabecera input,.seccion-cabecera select{width:100%!important;min-width:0!important;max-width:100%!important}.seccion-cabecera select{margin-left:0!important}.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}.seccion{padding:12px 13px}.app{flex-direction:column}.sidebar{width:100%!important;max-height:190px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--gris-borde)}.sidebar h1{font-size:15px}.contenido{padding:12px!important;max-width:100vw}.boton-crear-campana{width:100%}.tabla-campanas-wrap{overflow:visible}.tabla-campanas,.tabla-campanas tbody,.tabla-campanas tr,.tabla-campanas td{display:block;width:100%}.tabla-campanas colgroup,.tabla-campanas thead{display:none}.tabla-campanas tr{margin-bottom:12px;padding:8px 10px;border:1px solid var(--gris-borde);border-radius:9px;background:var(--superficie)}.tabla-campanas td{display:grid;grid-template-columns:minmax(105px,35%) minmax(0,1fr);gap:10px;align-items:center;padding:7px 0!important;border:0;text-align:left}.tabla-campanas td:before{content:attr(data-label);color:var(--gris-suave);font-size:11px;font-weight:600;line-height:1.2}.tabla-campanas .celda-acciones{text-align:left}.acciones-celda{justify-content:flex-start}}@media(max-width:560px){.tarjetas{grid-template-columns:minmax(0,1fr)}.seccion-cabecera{align-items:stretch}.toggle{width:100%;margin-left:0;flex-wrap:wrap}}@media(max-width:1200px){.seccion table:not(.tabla-campanas){width:max-content;min-width:100%}}