@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:block;src:url(/fonts/bricolage-grotesque.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:block;src:url(/fonts/jetbrains-mono.woff2)format("woff2")}:root{--bg:#050506;--panel:#0c0d11db;--card:#ffffff09;--card-h:#ffffff0f;--line:#ffffff14;--line-2:#ffffff24;--text:#f5f2f0;--soft:#f5f2f0a3;--faint:#f5f2f066;--blue:#4e7cff;--blue2:#7aa0ff;--blue-rgb:78, 124, 255;--ok:#4ade80;--warn:#fbbf24;--red:#f87171;--ease:cubic-bezier(.16, 1, .3, 1);--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.mono{font-family:JetBrains Mono,ui-monospace,monospace}:focus-visible{outline:2px solid var(--blue2);outline-offset:2px;border-radius:6px}.in{color:var(--ok)}.out{color:var(--red)}.warn{color:var(--warn)}.azul{color:var(--blue2)}.dim{color:var(--faint)}.glow{z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 90% -10%, rgba(var(--blue-rgb), .12), transparent 60%);position:fixed;inset:0}.app{z-index:1;grid-template-columns:270px 1fr;min-height:100vh;display:grid;position:relative}.side{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090cbd;flex-direction:column;height:100vh;padding:30px 18px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px;padding:0 10px 28px;display:flex}.brand .word{letter-spacing:-.03em;font-size:46px;font-weight:700;line-height:.9}.brand .word i{letter-spacing:-.01em;margin-top:6px;font-size:24px;font-style:normal;font-weight:200;display:block}.brand small{letter-spacing:.16em;color:var(--blue2);font-size:10.5px}.navlbl{letter-spacing:.16em;color:var(--faint);margin:4px 0 8px;padding:0 12px;font-size:10.5px}nav{flex-direction:column;gap:2px;display:flex}nav a{color:var(--soft);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:16px;text-decoration:none;transition:background .2s,color .2s;display:flex}nav a:hover{background:var(--card-h);color:var(--text)}nav a.on{background:rgba(var(--blue-rgb), .16);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}nav svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.side-card{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:auto;padding:14px}.side-card h5{letter-spacing:.14em;color:var(--blue2);margin-bottom:8px;font-size:10.5px;font-weight:400}.side-card p{color:var(--soft);font-size:13px;line-height:1.45}.side-foot{letter-spacing:.16em;color:var(--faint);padding:16px 12px 0;font-size:10px}main{width:100%;min-width:0;max-width:1400px;padding:34px 40px 80px}.hb-row{align-items:flex-end;gap:16px;margin-bottom:34px;display:flex}.hb-row .clk{color:var(--blue2);white-space:nowrap;margin-left:auto;font-size:12px}.eyebrow{letter-spacing:.18em;color:var(--blue2);margin-bottom:10px;font-size:11px}.title-xl{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(36px,4vw,56px);font-weight:200;line-height:1}.title-xl b{font-weight:700}.section{margin-bottom:52px}.sec-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.sec-head h2{letter-spacing:-.02em;font-size:26px;font-weight:700}.sec-head .num{color:var(--blue);font-size:12px}.sec-head .right{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.lead{color:var(--soft);max-width:72ch;margin-bottom:18px;font-size:15px;line-height:1.5}.lead b{color:var(--text);font-weight:600}.aviso{border:1px solid rgba(var(--blue-rgb), .35);background:rgba(var(--blue-rgb), .1);border-radius:12px;max-width:90ch;margin:-4px 0 18px;padding:12px 16px;font-size:13.5px;line-height:1.5}.empresa{flex-direction:column;gap:6px;max-width:460px;margin-bottom:14px;display:flex}.empresa label{letter-spacing:.14em;color:var(--faint);font-size:10.5px}.campo{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:15px}.campo:focus{border-color:rgba(var(--blue-rgb), .6);outline:none}.campo::placeholder{color:var(--faint)}.cargas{grid-template-columns:1fr 1fr;gap:16px;display:grid}.zona{background:var(--panel);border:1px dashed var(--line-2);border-radius:var(--radius);cursor:pointer;min-height:160px;transition:border-color .3s var(--ease), background .3s, transform .35s var(--ease);flex-direction:column;gap:6px;padding:20px 70px 20px 22px;display:flex;position:relative}.zona:hover,.zona.arrastrando{border-color:rgba(var(--blue-rgb), .6);background:rgba(var(--blue-rgb), .07)}.zona.arrastrando{transform:scale(1.01)}.zona:focus-within{outline:2px solid var(--blue2);outline-offset:2px}.zona input{opacity:0;cursor:pointer;position:absolute;inset:0}.zona small{letter-spacing:.16em;color:var(--blue2);font-size:10.5px}.zona .titulo{letter-spacing:-.02em;font-size:22px;font-weight:700}.zona .ayuda{color:var(--soft);font-size:13.5px;line-height:1.45}.zona .ayuda b{color:var(--text);font-weight:600}.zona .archivo{color:var(--text);word-break:break-all;font-size:12.5px}.zona .msg-error{color:var(--red);font-size:13.5px}.zona-ico{border:1px solid var(--line-2);width:38px;height:38px;color:var(--blue2);border-radius:12px;place-items:center;display:grid;position:absolute;top:20px;right:20px}.zona-ico svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.zona.lista{border-style:solid;border-color:#4ade8066}.zona.lista .zona-ico{color:#052e12;background:var(--ok);border-color:var(--ok)}.zona.error{background:#f871710f;border-style:solid;border-color:#f8717180}details.ajustes{color:var(--soft);margin-top:16px;font-size:13.5px}details.ajustes summary{cursor:pointer;width:fit-content}details.ajustes summary:hover{color:var(--text)}.ajustes-grid{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.ajustes-grid label{flex-direction:column;gap:6px;display:flex}.ajustes-grid label span{letter-spacing:.12em;color:var(--faint);font-size:10.5px}.ajustes-grid .campo{width:190px;font-family:JetBrains Mono,monospace;font-size:14px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi{border:1px solid var(--line);background:var(--panel);text-align:left;transition:border-color .2s, transform .35s var(--ease);border-radius:16px;padding:16px 18px}.kpi:hover{border-color:rgba(var(--blue-rgb), .45);transform:translateY(-2px)}.kpi small{letter-spacing:.14em;color:var(--faint);font-size:10.5px}.kpi b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:40px;font-weight:700;display:block}.kpi span{color:var(--soft);font-size:12.5px}.btn{border:1px solid var(--line-2);background:var(--card-h);color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;transition:all .2s;display:inline-flex}.btn:hover{border-color:rgba(var(--blue-rgb), .6)}.btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}.btn.pri:hover{background:#3f6beb}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.search{background:var(--card);border:1px solid var(--line);border-radius:999px;width:260px;padding:7px 14px;font-size:13.5px}.search:focus{border-color:rgba(var(--blue-rgb), .6);outline:none}.chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:6px 13px;font-size:13px;transition:all .2s}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.tabla{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table.detalle{border-collapse:collapse;width:100%;min-width:920px}table.detalle th{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#ffffff05;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:400}table.detalle th.r{text-align:right}table.detalle td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 16px;font-size:14.5px}table.detalle tbody tr{transition:background .2s}table.detalle tbody tr:hover{background:#ffffff06}table.detalle tbody tr:last-child td{border-bottom:0}table.detalle td small{color:var(--faint);margin-top:3px;font-size:12px;display:block}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13.5px}.fecha{white-space:nowrap;color:var(--soft);font-size:13px}.concepto{max-width:320px;line-height:1.35}.est{border:1px solid var(--line);white-space:nowrap;background:#05050699;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.dot{border-radius:50%;flex:none;width:7px;height:7px}.est.ok .dot{background:var(--ok)}.est.warn .dot{background:var(--warn)}.est.red .dot{background:var(--red)}.est.blue .dot{background:var(--blue2)}.est.warn{border-color:#fbbf2459}.est.red{border-color:#f8717159}.est.blue{border-color:rgba(var(--blue-rgb), .45)}.loc{white-space:nowrap;flex-direction:column;gap:2px;font-size:11.5px;display:flex}.empty{text-align:center;color:var(--soft);padding:34px 20px;font-size:14.5px}.mas{justify-content:center;margin-top:16px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1000px){.app{grid-template-columns:1fr}.side{z-index:20;height:auto;padding:calc(env(safe-area-inset-top) + 12px) 18px 12px;flex-direction:row;align-items:center;gap:12px;position:sticky;top:0;overflow:visible}.brand{border:0;flex-direction:row;align-items:baseline;gap:10px;margin:0;padding:0}.brand .word{font-size:26px}.brand .word i{margin:0 0 0 6px;font-size:15px;display:inline}.brand small,.navlbl,nav,.side-card,.side-foot{display:none}main{padding:24px 18px 70px}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hb-row{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:26px}.hb-row .clk{order:-1;margin-left:0}.title-xl{font-size:34px}.cargas{grid-template-columns:1fr}.zona{min-height:0}.sec-head .right{width:100%;margin-left:0}.search{width:100%}.kpi b{font-size:32px}.ajustes-grid .campo{width:100%}.ajustes-grid label{flex:100%}.tabla{background:0 0;border:0;overflow:visible}table.detalle{min-width:0}table.detalle thead{display:none}table.detalle tbody{flex-direction:column;gap:10px;display:flex}table.detalle tbody tr{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px 16px;display:grid}table.detalle td{text-align:left;border:0;flex-direction:column;gap:3px;padding:0;display:flex}table.detalle td:before{content:attr(data-label);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-family:JetBrains Mono,monospace;font-size:9.5px}table.detalle td[data-label=Estatus]:before,table.detalle td[data-label=Concepto]:before{display:none}table.detalle td[data-label=Estatus]{flex-direction:row;order:1;grid-column:1/-1}table.detalle td[data-label=Concepto]{order:2;grid-column:1/-1;max-width:none;font-weight:600}table.detalle td[data-label=Fecha]{order:3}table.detalle td[data-label=Diferencia]{order:4}table.detalle td[data-label=Banco]{order:5}table.detalle td[data-label=Registro]{order:6}table.detalle td[data-label=Dónde\ está]{border-top:1px solid var(--line);order:7;grid-column:1/-1;padding-top:8px}table.detalle td.num{align-items:flex-start}.loc{flex-direction:row;gap:14px}}
