@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--uaa-red:#c41e24;--uaa-red-light:#dd2c29;--uaa-red-dark:#9b1318;--uaa-red-glow:#c41e2426;--uaa-red-dim:#c41e2414;--uaa-white:#fff;--uaa-gray:#495057;--uaa-gray-light:#6c757d;--bg-primary:#f5f6f8;--bg-secondary:#ebedf0;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-glass:#00000005;--bg-input:#f8f9fa;--text-primary:#1a1d23;--text-secondary:#5a6068;--text-muted:#8b929a;--accent-primary:var(--uaa-red);--accent-primary-glow:var(--uaa-red-glow);--accent-secondary:var(--uaa-red-dark);--accent-success:#1a7f37;--accent-success-dim:#1a7f371a;--accent-warning:#9a6700;--accent-warning-dim:#9a670014;--accent-danger:#cf222e;--accent-danger-dim:#cf222e14;--accent-info:#0969da;--border-subtle:#0000001a;--border-accent:#c41e2466;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 1px 3px #0000000f,0 0 0 1px #0000000a;--shadow-card-hover:0 4px 12px #00000014,0 0 0 1px #0000000f;--shadow-glow:0 0 20px var(--uaa-red-glow);--font-body:"Montserrat",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--success:#1a7f37;--warning:#9a6700;--danger:#cf222e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#c41e240a 0%,#0000 100%);height:280px;position:fixed;top:0;left:0;right:0}.app-container{z-index:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.app-header{text-align:center;animation:fadeInDown .6s var(--transition-base);margin-bottom:2.5rem}.app-header .brand-logo{justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.app-header .brand-logo-img{object-fit:contain;width:auto;height:52px;filter:drop-shadow(0 2px 6px var(--uaa-red-glow))}.app-header h1{letter-spacing:-.02em;color:var(--text-primary);font-size:2rem;font-weight:800}.app-header h1 .brand-accent{color:var(--uaa-red)}.app-header .brand-subtitle{color:var(--text-secondary);letter-spacing:.02em;font-size:.85rem;font-weight:400}.app-header .brand-institution{letter-spacing:.12em;text-transform:uppercase;color:var(--uaa-red);background:var(--uaa-red-dim);border-radius:var(--radius-sm);border:1px solid #c41e2426;margin-top:.5rem;padding:.3rem .8rem;font-size:.65rem;font-weight:600;display:inline-block}.app-nav{justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.nav-link{border-radius:var(--radius-md);font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--uaa-red);border-color:var(--border-accent);box-shadow:var(--shadow-card-hover)}.nav-link.active{color:#fff;background:var(--uaa-red);border-color:var(--uaa-red);box-shadow:0 2px 8px var(--uaa-red-glow)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);animation:fadeInUp .5s var(--transition-base);padding:1.75rem}.card+.card{margin-top:1.5rem}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.05rem;font-weight:600;display:flex}.card-title .icon{font-size:1.2em}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-input);border:2px dashed #00000026;padding:2.5rem;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--uaa-red);background:#c41e2408}.upload-zone .upload-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.upload-zone .upload-text{color:var(--text-secondary);font-size:.9rem}.upload-zone .upload-text strong{color:var(--uaa-red)}.file-info{background:var(--accent-success-dim);border-radius:var(--radius-md);color:var(--accent-success);border:1px solid #1a7f3726;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.file-info .remove-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-left:auto;font-size:1.1rem}.file-info .remove-btn:hover{color:var(--accent-danger)}.textarea-wrapper{position:relative}.textarea-wrapper label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:220px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;transition:border-color var(--transition-fast);padding:1rem;font-size:.8rem;line-height:1.65}textarea:focus{border-color:var(--uaa-red);box-shadow:0 0 0 3px var(--uaa-red-glow);outline:none}input[type=text],input[type=search]{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);padding:.65rem 1rem;font-size:.9rem}input[type=text]:focus,input[type=search]:focus{border-color:var(--uaa-red);box-shadow:0 0 0 3px var(--uaa-red-glow);outline:none}.btn-group{gap:.75rem;margin-top:1.25rem;display:flex}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--uaa-red)0%,var(--uaa-red-dark)100%);color:#fff;box-shadow:0 2px 8px var(--uaa-red-glow)}.btn-primary:not(:disabled):hover{box-shadow:0 4px 16px var(--uaa-red-glow);background:linear-gradient(135deg,var(--uaa-red-light)0%,var(--uaa-red)100%);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.btn-secondary:not(:disabled):hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--uaa-red)}.result-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{border-radius:var(--radius-md);text-align:center;animation:scaleIn .3s var(--transition-base);padding:1rem}.stat-card.success{background:var(--accent-success-dim);border:1px solid #1a7f3726}.stat-card.warning{background:var(--accent-warning-dim);border:1px solid #9a670026}.stat-card.danger{background:var(--accent-danger-dim);border:1px solid #cf222e26}.stat-card.info{background:#0969da0f;border:1px solid #0969da26}.stat-card .stat-value{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.stat-card.success .stat-value{color:var(--accent-success)}.stat-card.warning .stat-value{color:var(--accent-warning)}.stat-card.danger .stat-value{color:var(--accent-danger)}.stat-card.info .stat-value{color:var(--accent-info)}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}thead{background:var(--uaa-red-dim)}th{text-align:left;color:var(--uaa-red-dark);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-size:.7rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:.65rem 1rem;overflow:hidden}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-input)}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.pagination button{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-card);padding:.5rem .85rem;font-size:.8rem}.pagination button:hover:not(:disabled){border-color:var(--border-accent);color:var(--uaa-red)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{color:var(--text-muted);padding:0 .5rem;font-size:.8rem}.error-list{background:var(--accent-danger-dim);border-radius:var(--radius-md);border:1px solid #cf222e26;max-height:200px;margin-top:1rem;padding:.75rem;overflow-y:auto}.error-item{color:var(--accent-danger);font-size:.8rem;font-family:var(--font-mono);padding:.35rem 0}.error-item+.error-item{border-top:1px solid #cf222e14}.alert{border-radius:var(--radius-md);animation:fadeInUp .3s var(--transition-base);margin-bottom:1rem;padding:1rem 1.25rem;font-size:.875rem}.alert-error{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid #cf222e33}.alert-success{background:var(--accent-success-dim);color:var(--accent-success);border:1px solid #1a7f3733}.spinner{border:2px solid #c41e2433;border-top-color:var(--uaa-red);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.search-bar input{flex:1}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state .empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.empty-state p{font-size:.9rem}.analyzing-indicator{background:var(--uaa-red-dim);border-radius:var(--radius-md);color:var(--uaa-red);animation:fadeInUp .3s var(--transition-base);border:1px solid #c41e241f;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.card-subtitle{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.confidence-badge{border-radius:var(--radius-sm);color:#fff;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}code{font-family:var(--font-mono);color:var(--text-primary);background:#0000000d;border-radius:4px;padding:.15rem .4rem;font-size:.8rem}.field-matched{color:var(--accent-success)!important;background:#1a7f371a!important}.field-unmapped{margin-right:.35rem;color:var(--accent-warning)!important;background:#9a67001a!important}.row-unmatched td{opacity:.5}.text-muted{color:var(--text-muted);font-style:italic}.badge-auto{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);background:var(--uaa-red-dim);color:var(--uaa-red);margin-left:auto;padding:.2rem .6rem;font-size:.6rem;font-weight:700}.unmapped-info{background:var(--accent-warning-dim);border-radius:var(--radius-md);color:var(--accent-warning);border:1px solid #9a670026;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.login-page{background:linear-gradient(135deg,#f5f6f8 0%,#ebedf0 50%,#c41e2408 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#c41e240f 0%,#0000 70%);width:400px;height:400px;position:absolute;top:0;right:0}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#c41e240a 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:0;left:0}.login-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:420px;animation:fadeInUp .5s var(--transition-base);z-index:1;padding:2.5rem;position:relative;box-shadow:0 4px 24px #0000000f,0 0 0 1px #00000008}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:auto;height:72px;filter:drop-shadow(0 2px 8px var(--uaa-red-glow));margin-bottom:1rem}.login-subtitle{color:var(--text-primary);margin-bottom:.4rem;font-size:1rem;font-weight:600}.login-institution{letter-spacing:.1em;text-transform:uppercase;color:var(--uaa-red);background:var(--uaa-red-dim);border-radius:var(--radius-sm);border:1px solid #c41e241f;padding:.25rem .7rem;font-size:.6rem;font-weight:600;display:inline-block}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.login-field input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.9rem}.login-field input:focus{border-color:var(--uaa-red);box-shadow:0 0 0 3px var(--uaa-red-glow);outline:none}.login-field input::placeholder{color:var(--text-muted)}.login-btn{width:100%;margin-top:.5rem;padding:.85rem;font-size:.95rem}.login-error{background:var(--accent-danger-dim);border-radius:var(--radius-md);color:var(--accent-danger);animation:fadeInUp .3s var(--transition-base);border:1px solid #cf222e26;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.login-footer{text-align:center;border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:1.25rem}.login-footer p{color:var(--text-muted);letter-spacing:.02em;font-size:.7rem}.user-bar{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.user-bar .user-info{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.user-bar .user-name{color:var(--text-primary);font-weight:600}.user-bar .user-role{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);background:var(--uaa-red-dim);color:var(--uaa-red);padding:.15rem .5rem;font-size:.65rem;font-weight:600}.btn-logout{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-body);transition:all var(--transition-fast);padding:.4rem .85rem}.btn-logout:hover{color:var(--accent-danger);background:var(--accent-danger-dim);border-color:#cf222e4d}.rel-upload-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (max-width:768px){.rel-upload-grid{grid-template-columns:1fr}}.rel-upload-card{flex-direction:column;gap:.75rem;display:flex}.rel-upload-desc{color:var(--text-secondary);margin:0;font-size:.83rem;line-height:1.5}.rel-file-btn{background:var(--bg-input);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.rel-file-btn:hover{border-color:var(--uaa-red);background:var(--uaa-red-dim);color:var(--uaa-red)}.rel-file-info{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.rel-key-badge{background:var(--uaa-red-dim);color:var(--uaa-red);border-radius:var(--radius-sm);align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.rel-chart-container{min-height:300px;padding:1rem 0}.rel-match-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;background:var(--uaa-red-dim);color:var(--uaa-red);padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.archivos-upload-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.archivos-tag-select{flex-direction:column;flex:1;gap:.4rem;display:flex}.archivos-tags,.archivos-filter-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.archivos-tag-btn{border:1.5px solid color-mix(in srgb,var(--tag-color)30%,transparent);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.archivos-tag-btn:hover{border-color:var(--tag-color);color:var(--tag-color);background:color-mix(in srgb,var(--tag-color)8%,transparent)}.archivos-tag-btn.active{border-color:var(--tag-color);background:color-mix(in srgb,var(--tag-color)12%,transparent);color:var(--tag-color)}.archivos-tag-pill{white-space:nowrap;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}