:root{--bg: #0b1220;--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.96);--muted: rgba(255,255,255,.82);--muted2: rgba(255,255,255,.68);--accent: #7c3aed;--accent2:#22c55e;--shadow: 0 12px 40px rgba(0,0,0,.35);--radius: 18px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 700px at 10% 0%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(34,197,94,.16),transparent 55%),radial-gradient(800px 520px at 50% 100%,rgba(59,130,246,.12),transparent 55%),var(--bg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em;color:#ffffffeb;background:#ffffff14;border:1px solid rgba(255,255,255,.08);padding:2px 6px;border-radius:8px}.wrap{max-width:1180px;width:100%;margin:0 auto;padding:50px 15px 10px}.card{background:linear-gradient(180deg,#ffffff14,#ffffff0d);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.header h2{margin:0;font-size:22px;letter-spacing:.3px;font-weight:700}.sub{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.twoCol{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}@media(max-width:900px){.twoCol{grid-template-columns:1fr}}.lbl-title{font-weight:650;letter-spacing:.2px;font-size:13px;color:#ffffffe6;margin-bottom:8px}.hint{color:var(--muted2);font-size:12px;line-height:1.5}.input{width:100%;height:44px;padding:0 12px;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;outline:none;transition:border .15s ease,background .15s ease,transform .05s ease,box-shadow .15s ease}.input:focus{border-color:#7c3aeda6;background:#ffffff14;box-shadow:0 0 0 3px #7c3aed26}select.input{color-scheme:dark}select.input option,select.input optgroup{background-color:#0b1220;color:#ffffffeb}.btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text);font-weight:650;letter-spacing:.2px;cursor:pointer;transition:transform .06s ease,background .15s ease,border .15s ease,opacity .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;font-size:14px}.btn:hover{background:#ffffff1f;border-color:#ffffff3d;box-shadow:0 2px 8px #00000026}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border-color:#7c3aed99;background:linear-gradient(180deg,#7c3aed80,#7c3aed40)}.btn.primary:hover{background:linear-gradient(180deg,#7c3aeda6,#7c3aed4d);box-shadow:0 4px 12px #7c3aed40}.btn.success{border-color:#22c55e99;background:linear-gradient(180deg,#22c55e66,#22c55e2e)}.btn.success:hover{background:linear-gradient(180deg,#22c55e80,#22c55e40);box-shadow:0 4px 12px #22c55e40}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;font-size:12px}.pill.big{font-size:13px;padding:10px 12px;border-radius:14px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.badge.ok{border-color:#22c55e66;background:#22c55e1a}.badge.warn{border-color:#f59e0b73;background:#f59e0b1a}.badge.danger{border-color:#ef444480;background:#ef44441a}.info,.error{margin-top:10px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:13px;line-height:1.5}.error{border-color:#ef444480;background:#ef44441f;color:#fffffff2}.metaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:700px){.metaGrid{grid-template-columns:1fr}}.meta{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:12px 14px}.meta .k{font-size:11px;color:var(--muted2);letter-spacing:.3px;text-transform:uppercase;font-weight:600}.meta .v{margin-top:6px;font-weight:700;color:#fffffff5;font-size:15px;font-variant-numeric:tabular-nums}.rows-container{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;overflow:hidden}.empty-state{padding:40px 20px;text-align:center}.row-header{display:grid;grid-template-columns:2fr 1fr 1fr 100px 2.5fr 120px;gap:16px;padding:14px 16px;background:#0b1220d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid rgba(255,255,255,.14);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffffe0;position:sticky;top:0;z-index:10}.row-item{display:grid;grid-template-columns:2fr 1fr 1fr 100px 2.5fr 120px;gap:16px;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease,box-shadow .15s ease;align-items:initial}.row-item:hover{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a}.row-item:last-child{border-bottom:none}.row-item.is-edited{background:#22c55e14;border-left:3px solid rgba(34,197,94,.65)}.row-item.is-edited:hover{background:#22c55e1f}.row-item.is-no-match{background:#ef44440f;border-left:3px solid rgba(239,68,68,.65)}.row-item.is-no-match:hover{background:#ef44441a}.col-cuenta{display:flex;flex-direction:column;gap:4px}.cuenta-main{font-weight:700;font-size:14px;color:#fffffff5;line-height:1.3}.cuenta-id{font-size:11px;color:#ffffffa6;font-family:ui-monospace,monospace}.col-debito,.col-credito{font-weight:600;font-variant-numeric:tabular-nums;color:#ffffffeb;font-size:13px;text-align:right}.col-score{display:flex;justify-content:center}.col-categoria{display:flex;flex-direction:column;gap:6px}.categoria-name{font-size:12px;color:#ffffffbf;line-height:1.3}.categoria-warning{font-size:12px;color:#ef4444f2;font-weight:600}.col-acciones{display:flex;justify-content:flex-end}.actions-group{display:flex;gap:6px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffe0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.icon-btn:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.icon-btn:active{transform:translateY(0)}.icon-btn.edit{border-color:#3b82f673;background:#3b82f61a;color:#3b82f6}.icon-btn.edit:hover{background:#3b82f62e;border-color:#3b82f6a6;box-shadow:0 4px 12px #3b82f640}.icon-btn.create{border-color:#7c3aed73;background:#7c3aed1a;color:#7c3aed}.icon-btn.create:hover{background:#7c3aed2e;border-color:#7c3aeda6;box-shadow:0 4px 12px #7c3aed40}.icon-btn.clear{border-color:#ef444466;background:#ef444414;color:#ef4444}.icon-btn.clear:hover{background:#ef444426;border-color:#ef444499;box-shadow:0 4px 12px #ef444440}.mobile-label{display:none;font-size:11px;color:#ffffffa6;text-transform:uppercase;font-weight:600;letter-spacing:.3px;margin-right:6px}@media(max-width:1200px){.row-header,.row-item{grid-template-columns:1.5fr 1fr 1fr 90px 2fr 110px;gap:12px}}@media(max-width:968px){.row-header{display:none}.row-item{grid-template-columns:1fr;gap:14px;padding:20px 16px;margin-top:10px}.col-cuenta,.col-debito,.col-credito,.col-score,.col-categoria,.col-acciones{width:100%}.col-debito,.col-credito{text-align:left;display:flex;justify-content:space-between;align-items:center}.mobile-label{display:inline}.col-score{justify-content:flex-start}.col-acciones{justify-content:flex-start;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.actions-group{width:100%;justify-content:flex-start}.icon-btn{flex:0 0 auto}}.drop{cursor:pointer;width:100%;padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.2);background:#ffffff0d;transition:border .15s ease,background .15s ease,box-shadow .15s ease}.drop:hover{border-color:#7c3aed99;background:#ffffff12;box-shadow:0 4px 16px #7c3aed26}.drop .title{font-weight:750;letter-spacing:.2px;font-size:15px}.drop .desc{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.4}.drop.dragover{border-color:#7c3aedd9;background:#7c3aed1f;box-shadow:0 8px 24px #7c3aed40}.overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loaderCard{width:min(460px,calc(100% - 30px));border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-shadow:var(--shadow)}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffeb;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb;font-size:13px;font-weight:650;letter-spacing:.15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,background .15s ease,border .15s ease,opacity .15s ease,box-shadow .15s ease}.chip:hover{background:#ffffff1f;border-color:#ffffff3d;box-shadow:0 2px 8px #00000026}.chip:active{transform:translateY(1px)}.chip.on{border-color:#22c55e99;background:linear-gradient(180deg,#22c55e52,#22c55e24)}.chip.disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;right:18px;bottom:18px;max-width:400px;z-index:10001;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 16px;box-shadow:0 12px 40px #00000059;font-size:13px;line-height:1.5}.picker{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;margin-top:10px}.picker.loading{opacity:.6;pointer-events:none}.pickerTitle{font-weight:750;letter-spacing:.2px;color:#ffffffeb;margin-bottom:12px;font-size:14px}.pickerRadio{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pickerRadio label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;transition:all .15s ease;color:#ffffffe6}.pickerRadio label:hover{background:#ffffff0f;border-color:#ffffff29}.pickerRadio input[type=radio]:checked+span{font-weight:700}.pickerRadio label:has(input:checked){border-color:#7c3aed99;background:#7c3aed1a}.pickerForm{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pickerForm .input{background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.pickerActions{display:flex;gap:8px;margin-top:12px}.pickerActions button{flex:1;min-width:0}.dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:300px;overflow-y:auto;background:#0b1220f2;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 12px 40px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dropItem{padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s ease;color:#ffffffe6;font-size:13px}.dropItem:last-child{border-bottom:none}.dropItem:hover,.dropItem.active{background:#7c3aed26;color:#fffffffa}.dropItem .line1{font-weight:650;margin-bottom:2px}.dropItem .line2{font-size:11px;color:#ffffffb3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.emptyDrop{padding:14px 12px;text-align:center;color:#ffffffa6;font-size:13px}.treeTitle{font-weight:750;letter-spacing:.2px;margin-bottom:12px;color:#ffffffeb;font-size:15px}.treeInfo{color:var(--muted);font-size:12px;margin-bottom:10px;line-height:1.5}.treeView{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;color:#ffffffd9;max-width:100%;overflow-x:auto}.layout{min-height:100vh;display:flex;flex-direction:column}.appMain{flex:1;display:flex;flex-direction:column}.appFooter{margin-top:32px;padding:20px 0 12px;text-align:center;font-size:12px;color:var(--muted2);border-top:1px solid rgba(255,255,255,.08)}.appFooter strong{color:var(--text);font-weight:700}.appFooter a{color:inherit;text-decoration:none;transition:color .15s ease}.appFooter a:hover{text-decoration:underline;color:#ffffffeb}@media screen and (max-width:480px){.header{flex-direction:column;align-items:flex-start}}.progressBar{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.progressFill{height:100%;background:linear-gradient(90deg,#7c3aedb3,#7c3aed80);border-radius:999px;transition:width .3s ease}.progressFill.complete{background:linear-gradient(90deg,#22c55ecc,#22c55e99);animation:pulse .6s ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progressLabel{margin-top:8px;font-size:13px;color:var(--muted);text-align:center;font-weight:650}.progressLabel.complete{color:#22c55e;font-weight:750}.resultItem{border-left:4px solid transparent}.resultItem[data-score=high]{border-left-color:#22c55ebf}.resultItem[data-score=mid]{border-left-color:#f59e0bbf}.resultItem[data-score=low]{border-left-color:#ef4444bf}.resultsList{display:flex;flex-direction:column;gap:12px}.resultItem{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;transition:background .15s ease,border .15s ease,box-shadow .15s ease}.resultItem:hover{background:#ffffff12;border-color:#ffffff29;box-shadow:0 2px 8px #00000026}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.resultTitle{font-size:15px;font-weight:750;color:#fffffff5;letter-spacing:.2px}.resultGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}@media(max-width:600px){.resultGrid{grid-template-columns:1fr}}.resultField{display:flex;flex-direction:column;gap:5px}.fieldLabel{font-size:11px;color:var(--muted2);letter-spacing:.3px;text-transform:uppercase;font-weight:650}.fieldValue{font-size:14px;color:#ffffffeb;font-weight:650;font-variant-numeric:tabular-nums}.resultCategory{display:flex;flex-direction:column;gap:6px}.dropTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.dropTitleRow{display:flex;align-items:center;gap:10px}.dropIcon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe0;font-size:16px}.drop.selected{border-style:solid;border-color:#22c55ea6;background:#22c55e14;box-shadow:0 0 0 4px #22c55e1a}.drop.selected .dropIcon{border-color:#22c55e8c;background:#22c55e24;color:#22c55e}.dropClear{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe6;font-weight:700;cursor:pointer;transition:background .15s ease,border .15s ease,transform .06s ease,opacity .15s ease;font-size:13px}.dropClear:hover{background:#ffffff1f;border-color:#ffffff3d}.dropClear:active{transform:translateY(1px)}.dropClear:disabled{opacity:.4;cursor:not-allowed}.dropClearTxt{font-size:12px;letter-spacing:.2px}@media(max-width:520px){.dropClearTxt{display:none}}.filePill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe6;font-size:12px;font-weight:800;letter-spacing:.2px;-webkit-user-select:none;user-select:none;white-space:nowrap}.drop.selected .filePill{border-color:#22c55e73;background:#22c55e1f;color:#22c55e}@media(max-width:520px){.filePill{font-size:11px;padding:0 8px}}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:100%;max-width:1100px;max-height:95vh;background:#fff;color:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;position:relative}.modal-header{padding:18px 22px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;background:#fefffe;color:#0b1220}.modal-header button{transition:background .15s ease,border .15s ease,box-shadow .15s ease}.modal-header button:hover{background:#f3f4f6;box-shadow:0 2px 6px #00000014}.modal-body{overflow-y:auto;flex:1;padding:22px;background:#fff;position:relative;min-height:0}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.modal-overlay{position:fixed!important;z-index:10000!important}.action-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffeb;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover{background:#ffffff24;border-color:#ffffff47;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.edit{border-color:#3b82f680;background:#3b82f61f;color:#3b82f6}.action-btn.edit:hover{background:#3b82f62e;border-color:#3b82f6a6}.action-btn.create{border-color:#7c3aed80;background:#7c3aed1f;color:#7c3aed}.action-btn.create:hover{background:#7c3aed2e;border-color:#7c3aeda6}.action-btn.loading{opacity:.6;pointer-events:none;cursor:wait}[title]{position:relative}.score-badge{position:relative;width:100%;height:28px;border-radius:8px;overflow:hidden}.score-badge-bg{position:absolute;inset:0;opacity:.15;border-radius:8px}.score-badge-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:12px}.score-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.card{padding:20px}.header h2{font-size:20px}.tbl tbody td{padding:12px 10px;font-size:12px}.tbl thead th{padding:12px 10px;font-size:11px}}
