:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--background-color: #f8f9fa;--container-bg-color: #ffffff;--text-color: #343a40;--border-color: #dee2e6;--success-color: #28a745;--error-color: #dc3545;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;padding:2rem}#root{max-width:1200px;margin:0 auto;background-color:var(--container-bg-color);padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000000d}h1{text-align:center;margin-bottom:2rem;color:var(--text-color);font-weight:700}.upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.file-uploader{border:2px dashed var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;transition:border-color .3s,background-color .3s,border-style .2s ease-in-out;display:flex;flex-direction:column;justify-content:center}.file-uploader:hover{border-color:var(--primary-color);background-color:#f8f9fa9d}.file-uploader.drag-over{border-style:solid;border-color:var(--primary-color);background-color:#f0f8ff}.file-uploader label{font-weight:500;display:block;margin-bottom:.5rem}.file-type-note{font-size:.8rem;color:#6c757d;margin-bottom:.5rem}.file-name{margin-top:.5rem;font-style:italic;color:var(--success-color);font-weight:500;word-break:break-all}.file-list{list-style:none;padding:0;margin-top:.5rem;text-align:left}.file-list .file-name{margin-top:0;font-size:.9rem;margin-bottom:.25rem}.file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input-label{cursor:pointer;background-color:#e9ecef;color:var(--text-color);padding:.5rem 1rem;border-radius:4px;transition:background-color .3s;margin-top:auto}.file-input-label:hover{background-color:#ced4da}.actions{text-align:center;margin-bottom:2rem}.action-btn{font-family:var(--font-family);font-size:1rem;font-weight:600;background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.action-btn:hover:not(:disabled){background-color:var(--primary-hover-color);box-shadow:0 4px 8px #007bff33}.action-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.export-btn{background-color:var(--success-color)}.export-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #28a74533}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-header h2{font-weight:600}.loader-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:2rem;color:var(--text-color)}.loader{border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:var(--error-color);background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:5px;text-align:center;margin-top:1rem}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}thead th{background-color:#f1f3f5;font-weight:600;position:sticky;top:0;z-index:1}tbody tr:nth-child(2n){background-color:#f8f9fa}tbody tr:hover{background-color:#e9ecef}@media(max-width:768px){body,#root{padding:1rem}}