*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.container{max-width:900px;width:100%;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{color:#333;font-size:2.2rem;margin-bottom:10px;text-align:center}h2{color:#333;font-size:1.4rem;margin-bottom:10px}.subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:1rem}.drop-zone{border:3px dashed #667eea;border-radius:15px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9ff;margin-bottom:30px}.drop-zone:hover{border-color:#764ba2;background:#f0f2ff;transform:translateY(-2px)}.drop-zone.dragging{border-color:#764ba2;background:#e8ebff;transform:scale(1.02)}.drop-zone.has-file{border-color:#4caf50;background:#f1f8e9}.drop-zone-content svg{color:#667eea;margin-bottom:15px}.drop-zone.has-file .drop-zone-content svg{color:#4caf50}.drop-zone-content p{color:#666;font-size:1rem;margin-bottom:5px}.file-name{color:#4caf50;font-weight:600;margin-top:10px}.upload-hint{font-size:.85rem;color:#888;margin-top:5px}.files-list{background:#f8f9ff;border:1px solid #e0e0e0;border-radius:10px;padding:15px 20px;margin-bottom:20px}.files-list h3{font-size:.95rem;color:#555;margin-bottom:12px}.files-list ul{list-style:none;padding:0;margin:0}.files-list li{display:flex;align-items:center;padding:8px 10px;background:#fff;border-radius:6px;margin-bottom:6px;border:1px solid #e8e8e8}.files-list li:last-child{margin-bottom:0}.file-icon{color:#667eea;margin-right:10px;display:flex;align-items:center}.file-name-item{flex:1;font-size:.9rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;transition:color .2s}.remove-file:hover{color:#e53935}.mappings-section{margin-top:20px;padding-top:20px;border-top:2px solid #eee}.mappings-section .info{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.5}.mappings-section .info strong{color:#667eea}.mappings-grid{display:flex;flex-direction:column;gap:8px}.mapping-category{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f7ff;border:none;cursor:pointer;transition:background .2s;text-align:left}.category-header:hover{background:#e8ebff}.category-header.expanded{background:#667eea;color:#fff}.category-name{font-weight:600;font-size:.95rem}.category-count{font-size:.8rem;color:#888;margin-left:auto;margin-right:10px}.category-header.expanded .category-count{color:#fffc}.chevron{transition:transform .2s}.category-header.expanded .chevron{transform:rotate(180deg)}.category-fields{padding:0;background:#fff}.category-fields table{width:100%;border-collapse:collapse;font-size:.85rem}.category-fields th{background:#f9f9f9;padding:10px 12px;text-align:left;font-weight:600;color:#555;border-bottom:1px solid #e0e0e0}.category-fields td{padding:10px 12px;border-bottom:1px solid #f0f0f0;color:#333}.category-fields tr:last-child td{border-bottom:none}.category-fields tr:hover{background:#fafafa}.cell-ref{font-family:Monaco,Consolas,monospace;font-size:.8rem;color:#667eea;background:#f5f7ff;padding:2px 6px;border-radius:4px}.field-note{display:block;font-size:.75rem;color:#888;margin-top:2px;font-style:italic}.action-section{margin-top:30px;padding-top:20px;border-top:2px solid #eee}.process-button{width:100%;padding:18px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #667eea66}.process-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.process-button:active{transform:translateY(0)}.process-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){body{padding:20px 10px}.container{padding:25px 15px}h1{font-size:1.6rem}.category-fields table{font-size:.8rem}.category-fields th,.category-fields td{padding:8px 10px}.cell-ref{font-size:.7rem}}