*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111214;--card:#1b1d21;--line:#2c2f35;--text:#ececec;--muted:#9aa0a8;--accent:#25d366;--accent2:#b23a2e}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.wrap{max-width:860px;margin:0 auto;padding:24px 16px 80px}h1{font-size:22px;letter-spacing:.5px}.sub{color:var(--muted);font-size:13px;margin-top:4px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.nombre{font-weight:600;font-size:16px}.monto{font-weight:700;font-size:18px;color:#fff}.meta{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.5;word-break:break-word}.acciones{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.btn{display:inline-block;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.btn-wa{background:var(--accent);color:#06281a}.btn-sec{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-scan{background:var(--accent2);color:#fff}.btn:disabled{opacity:.5;cursor:default}.scan-group{display:inline-flex;align-items:center;gap:8px}.scan-horas{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer}.scan-horas:disabled{opacity:.5;cursor:default}.empty{text-align:center;color:var(--muted);padding:60px 20px;border:1px dashed var(--line);border-radius:12px}.login-box{max-width:340px;margin:18vh auto 0;display:flex;flex-direction:column;gap:12px}input[type=password]{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);font-size:15px}.err{color:#ff7b6b;font-size:13px}.chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip-rojo{background:#3a1512;color:#ff7b6b;border:1px solid #5c211c}.chip-amarillo{background:#3a3112;color:#f0c674;border:1px solid #5c4c1c}.chip-verde{background:#12301f;color:#6bd99a;border:1px solid #1c4d33}.chip-gris{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.cupon-row{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.4;cursor:pointer}.cupon-row input[type=checkbox],.cupon-todos input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:1px}.cupon-row input:disabled{cursor:default}.cupon-todos label{display:flex;align-items:center;gap:9px;color:var(--text);font-size:14px;cursor:pointer}.tpl-label{display:block;color:var(--muted);font-size:12px;margin:10px 0 4px}.tpl-input,.tpl-textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--text);font-size:14px}.tpl-textarea{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical}.tpl-preview{width:100%;height:560px;border:1px solid var(--line);border-radius:8px;background:#f4f4f4}code{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px}