:root{--bg: #0b0e0c;--surface: #151b16;--line: #232b24;--fg: #f2f2ed;--muted: #8a928b;--faint: #5c655d;--accent: #e7fe55;--on-accent: #0b0e0c;--danger: #ff7a6b;--ok: #7dd87d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#root{display:flex;min-height:100vh}a{color:inherit}h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}h2{font-size:15px;font-weight:700;margin:24px 0 8px}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:20px 12px;width:208px;flex:none}.wordmark{font-size:22px;font-weight:900;letter-spacing:-1px;padding:0 10px 14px}.wordmark span{color:var(--accent)}.nav-btn{background:none;border:0;border-radius:9px;color:var(--muted);cursor:pointer;display:block;font:inherit;font-weight:600;padding:9px 10px;text-align:left;text-decoration:none}.nav-btn:hover{color:var(--fg)}.nav-btn.on{background:var(--bg);color:var(--accent)}.main{flex:1;padding:28px 32px;max-width:1100px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 16px}.kpi{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}table{border-collapse:collapse;width:100%}th{color:var(--muted);font-size:11px;letter-spacing:.06em;text-align:left;text-transform:uppercase}th,td{border-bottom:1px solid var(--line);padding:9px 10px;font-variant-numeric:tabular-nums}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--fg);font:inherit;padding:9px 12px;width:100%}textarea{font-family:ui-monospace,monospace;font-size:12px}button.primary{background:var(--accent);border:0;border-radius:9px;color:var(--on-accent);cursor:pointer;font:inherit;font-weight:700;padding:10px 16px}button.ghost{background:none;border:1px solid var(--line);border-radius:9px;color:var(--fg);cursor:pointer;font:inherit;font-weight:600;padding:8px 12px}button:disabled{opacity:.5;cursor:default}.badge{border-radius:999px;font-size:11px;font-weight:700;padding:2px 9px}.badge.ok{background:var(--accent);color:var(--on-accent)}.badge.warn{background:var(--danger);color:#fff}.badge.dim{background:var(--line);color:var(--muted)}.error{color:var(--danger);font-size:13px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,monospace;font-size:12px}.row{display:flex;gap:10px;align-items:center}.stack{display:flex;flex-direction:column;gap:10px;max-width:460px}.secret{background:var(--bg);border:1px dashed var(--accent);border-radius:9px;padding:12px;word-break:break-all}:root{--paper: #f4f2e9;--paper-ink: #16190f;--paper-muted: #6f6e63}.cifra{font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.grupo{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.grupo:first-of-type{border-top:0;margin-top:8px}.grupo>h3{color:var(--fg);font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.campo{margin-bottom:12px;max-width:420px}.campo .label{display:block;margin-bottom:4px}.campo .unidad{color:var(--muted);font-size:13px;white-space:nowrap}.taller .campo input{max-width:150px}.campo .ayuda{color:var(--faint);font-size:12px;margin-top:3px}.campo input.cifra{text-align:right}.productos{border-bottom:1px solid var(--line);display:flex;gap:2px;margin:18px 0 0}.producto{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:700;margin-bottom:-1px;padding:9px 14px}.producto:hover{color:var(--fg)}.producto[aria-selected=true]{border-bottom-color:var(--accent);color:var(--fg)}.producto small{display:block;font-weight:500;font-size:11px;color:var(--faint)}.taller{display:grid;gap:28px;grid-template-columns:minmax(340px,1fr) minmax(320px,380px)}@media(max-width:900px){.taller{grid-template-columns:1fr}}.tira{background:var(--paper);border-radius:4px;color:var(--paper-ink);padding:20px 22px 26px;position:sticky;top:20px;-webkit-mask-image:radial-gradient(circle at 6px 100%,transparent 5px,#000 5px);mask-image:radial-gradient(circle at 6px 100%,transparent 5px,#000 5px);-webkit-mask-size:12px 100%;mask-size:12px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.tira h3{border-bottom:1px dashed #c9c6b6;color:var(--paper-muted);font-size:11px;font-weight:700;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.tira .fila{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.tira .fila span:first-child{color:var(--paper-muted)}.tira .fila span:last-child{font-variant-numeric:tabular-nums}.tira .total{align-items:baseline;border-top:1px solid #c9c6b6;margin-top:10px;padding-top:12px}.tira .total span:last-child{font-size:26px;font-weight:800;letter-spacing:-.03em}.tira .cuotas{border-top:1px dashed #c9c6b6;margin-top:14px;padding-top:12px}.tira .cuota{display:flex;justify-content:space-between;padding:3px 0}.tira .aviso{border-top:1px dashed #c9c6b6;font-size:12px;margin-top:14px;padding-top:12px}.tira .aviso p{margin:0 0 6px}.tira .aviso p.grita{color:#a33a2b;font-weight:600}.tira .roto{color:#a33a2b;font-size:13px}.tira .entrada{background:transparent;border:0;border-bottom:1px solid #c9c6b6;border-radius:0;color:var(--paper-ink);max-width:110px;padding:2px 0;text-align:right}.filtros{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px;position:sticky;top:0;z-index:2;background:var(--bg);padding:8px 0}.filtros input{max-width:260px}.filtros select{max-width:190px}.lista-tiendas{list-style:none;margin:0;padding:0}.tienda{border-bottom:1px solid var(--line)}.tienda.inerte .cabecera{opacity:.45}.tienda .cabecera{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:14px 34px minmax(0,1fr) auto auto;padding:11px 4px;text-align:left;width:100%}@media(max-width:720px){.tienda .cabecera{grid-template-columns:14px 34px minmax(0,1fr) auto}.tienda .cabecera .chip{display:none}}.tienda .cabecera:hover{background:var(--surface)}.tienda .flecha{color:var(--faint);font-size:11px}.tienda .inicial{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--accent);display:grid;font-size:15px;font-weight:800;height:34px;place-items:center;width:34px}.tienda.inerte .inicial{color:var(--faint)}.tienda .nombre{font-size:15px;font-weight:700;letter-spacing:-.01em}.tienda .legal{color:var(--faint);font-size:12px;margin-top:1px}.chip{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.estado{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px;white-space:nowrap}.estado:before{background:var(--faint);border-radius:50%;content:"";height:7px;width:7px}.estado.viva{color:var(--fg)}.estado.viva:before{background:var(--accent)}.ficha{border-left:2px solid var(--line);margin:0 0 18px 24px;padding:12px 0 6px 22px}.ficha-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.ficha-cols{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:880px}.ficha h4{border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.ficha .campo{margin-bottom:10px;max-width:340px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tag-llave{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;max-width:420px;padding:8px 12px 8px 28px;position:relative}.tag-llave:before{background:var(--bg);border:2px solid var(--faint);border-radius:50%;content:"";height:7px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:7px}.tag-llave .nombre-llave{font-weight:600}.tag-llave .cuando{color:var(--faint);font-size:12px}.tag-llave.revocada{opacity:.5}.tag-llave.revocada .nombre-llave{text-decoration:line-through}.tag-llave button.ghost{font-size:12px;padding:4px 10px}.secreto{background:var(--bg);border:1px dashed #b48f00;border-radius:9px;display:flex;flex-direction:column;gap:6px;padding:12px}.secreto code{font-family:ui-monospace,monospace;font-size:12px;-webkit-user-select:all;user-select:all;word-break:break-all}.qr-zona{display:flex;flex-direction:column;gap:8px;align-items:center}.qr{border-radius:9px;height:auto;image-rendering:pixelated;width:208px}.clave-manual{color:var(--muted);font-size:12px}.clave-manual code{-webkit-user-select:all;user-select:all}.persona{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;max-width:420px;padding:8px 2px}.persona .nombre-persona{display:block;font-weight:600}.persona .correo-persona{color:var(--faint);display:block;font-size:12px}.persona .detalle-persona{align-items:center;color:var(--muted);display:inline-flex;flex:none;font-size:12px;gap:6px}.titulo-seccion{border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.persona-btn{background:none;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.persona-btn:hover{background:var(--surface)}.persona-btn .flecha{color:var(--faint);font-size:10px}.expediente{border-left:2px solid var(--line);margin:4px 0 14px 8px;max-width:560px;padding:10px 0 4px 16px}.expediente h4{border-bottom:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 8px;padding-bottom:0;text-transform:uppercase}.accesos{font-size:12px}.acceso{border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:88px minmax(90px,1fr) 110px minmax(100px,1fr);padding:5px 0}.acceso .cuando-acceso{color:var(--faint)}.acceso .ip-acceso{color:var(--muted)}.acceso.ojo .que-acceso{color:var(--danger);font-weight:600}@media(max-width:640px){.acceso{grid-template-columns:88px 1fr}.acceso .ip-acceso,.acceso .aparato-acceso{grid-column:2}}button.ghost.peligro{border-color:var(--danger);color:var(--danger)}button.ghost.peligro:hover{background:#ff7a6b14}.ver-mas{background:none;border:0;color:var(--faint);cursor:pointer;display:block;font:inherit;font-size:12px;margin:2px 0 6px;padding:2px 0;text-align:left;text-decoration:underline;width:fit-content}.ver-mas:hover{color:var(--muted)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--fg);max-width:480px;padding:20px 22px;width:calc(100% - 40px)}.modal::backdrop{background:#000000a6}.modal-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.modal-head h3{font-size:15px;font-weight:700;margin:0}.modal .campo{max-width:100%}.explica{color:var(--faint);font-size:12px;line-height:1.45;margin:-6px 0 12px}.cabecera-libro{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.vivo{align-items:center;background:none;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-size:12px;font-weight:700;gap:7px;letter-spacing:.04em;padding:7px 14px;text-transform:uppercase}.vivo:before{background:var(--faint);border-radius:50%;content:"";height:7px;width:7px}.vivo.late{color:var(--fg)}.vivo.late:before{animation:latido 2s ease-in-out infinite;background:var(--accent)}@keyframes latido{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.vivo.late:before{animation:none}}.libro{margin-top:8px}.libro .dia{background:var(--bg);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;margin:22px 0 2px;padding:8px 0 6px;position:sticky;text-transform:uppercase;top:0;z-index:1}.renglon{border-left:1px solid var(--line);display:grid;gap:14px;grid-template-columns:68px 1fr;margin-left:62px;padding:9px 0 9px 16px;position:relative}.renglon .cuando{color:var(--faint);font-size:12px;left:-62px;position:absolute;text-align:right;top:11px;width:56px}.renglon:before{background:var(--line);border-radius:50%;content:"";height:5px;left:-3px;position:absolute;top:15px;width:5px}.renglon .que{grid-column:1 / -1}.renglon.ojo:before{background:var(--danger)}.renglon.nuevo{border-left-color:var(--accent)}.renglon.nuevo:before{background:var(--accent)}.renglon .frase{line-height:1.45;margin:0}.renglon .frase strong{font-weight:700}.renglon .frase .de{color:var(--muted);font-weight:600}.renglon .frase .objeto{color:var(--fg);font-weight:600}.renglon .pie-renglon{align-items:center;color:var(--faint);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin:4px 0 0}.renglon .pie-renglon .ver-mas{margin:0}.cambio{border-left:2px solid var(--line);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:10px 0 4px;padding:10px 0 4px 14px}.cambio pre{background:var(--bg);border-radius:8px;font-family:ui-monospace,monospace;font-size:12px;margin:4px 0 0;overflow-x:auto;padding:10px}.cambio .peticion{color:var(--faint);font-size:12px;grid-column:1 / -1}@media(max-width:640px){.renglon{grid-template-columns:1fr;margin-left:4px}.renglon .cuando{left:auto;position:static;text-align:left;width:auto}}.tabla-envuelta{overflow-x:auto}.tabla-envuelta table{min-width:640px}th.num,td.num{text-align:right}.vacio{color:var(--faint)}.cupo{display:inline-block;min-width:88px}.cupo .barra{background:var(--line);border-radius:2px;height:3px;margin-top:5px}.cupo .barra i{background:var(--muted);border-radius:2px;display:block;height:100%}.cupo.agotado .barra i{background:var(--danger)}.detalle-cliente>td{background:var(--surface);padding:0}.detalle-cliente .caja{border-left:2px solid var(--accent);margin:2px 0 6px;padding:14px 18px}.detalle-cliente h3{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.detalle-cliente .caja table{min-width:0}.detalle-cliente .caja th,.detalle-cliente .caja td{padding:7px 10px 7px 0}.cuenta-filas{color:var(--faint);font-size:12px;margin:14px 0 0}tr.soltado td{color:var(--faint)}.puerta{align-items:center;display:flex;flex:1;justify-content:center;min-height:100vh;padding:32px 20px}.hoja{background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:384px;padding:28px 26px 22px;width:100%}.hoja .wordmark{font-size:25px;padding:0}.hoja-sub{color:var(--faint);font-size:12px;margin:6px 0 0}.publico{border-bottom:1px solid var(--line);display:flex;margin:22px 0 20px}.quien{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;flex:1;font:inherit;font-size:13px;font-weight:700;margin-bottom:-1px;padding:9px 4px}.quien:hover{color:var(--fg)}.quien[aria-selected=true]{border-bottom-color:var(--accent);color:var(--fg)}.hoja .campo{margin-bottom:14px;max-width:100%}.hoja input{padding:11px 12px}.hoja input::placeholder{color:var(--faint)}.hoja button.primary{margin-top:4px;padding:12px 16px;width:100%}.digitos{display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.digito{font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:19px;font-variant-numeric:tabular-nums;font-weight:600;padding:11px 0;text-align:center}.digito:not(:placeholder-shown){border-color:var(--faint)}.ventana{display:flex;align-items:center;gap:8px;margin-top:8px}.ventana .barra{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.ventana .barra i{background:var(--accent);display:block;height:100%;transition:width 1s linear,background-color .2s;width:var(--queda)}.ventana .cuenta{color:var(--faint);font-family:ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.ventana.corta .barra i{background:var(--danger)}.ventana.corta .cuenta{color:var(--danger)}@media(prefers-reduced-motion:reduce){.ventana .barra i{transition:none}}.aviso-puerta{border-left:2px solid var(--danger);color:var(--fg);font-size:13px;line-height:1.4;margin:16px 0 0;padding:2px 0 2px 10px}.aviso-puerta.listo{border-left-color:var(--ok)}.pie-puerta{border-top:1px solid var(--line);color:var(--faint);font-size:12px;margin-top:20px;padding-top:14px;text-align:center}.enlace{background:none;border:0;color:var(--fg);cursor:pointer;font:inherit;font-size:12px;font-weight:600;padding:2px 4px;text-decoration:underline;text-underline-offset:3px}.enlace:hover{color:var(--accent)}.paso{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin:22px 0 10px;text-transform:uppercase}