body{font-family:Inter,Arial,Helvetica,sans-serif;padding:20px;background:#f6f8fa;color:#111827;margin:0}.container{max-width:1100px;margin:40px auto;background:#fff;padding:20px 24px;border-radius:10px;box-shadow:0 6px 24px #00000014}button{background:#e5e7eb;color:#111827;border:none;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}button:hover{background:#d1d5db}button:disabled{opacity:.6;cursor:not-allowed}input[type=file],input[type=text],input[type=password]{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}input[type=file]:focus,input[type=text]:focus,input[type=password]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.box{border:1px solid #e2e8f0;padding:14px;border-radius:8px;background:#fff;min-height:250px}.field{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fafafa;margin-bottom:6px;cursor:grab;transition:all .2s ease}.field:hover{background:#f3f4f6}.drop-target{min-height:40px;padding:6px;border:1px dashed #e2e8f0;border-radius:6px;background:#fafafa;margin-bottom:8px}.preview{margin-top:20px;white-space:pre-wrap;background:#0f172a;color:#d1d5db;padding:14px;border-radius:8px;overflow-x:auto}.preview h4{color:#fff;margin-top:0}h2{margin-top:0;margin-bottom:10px;font-size:1.5rem;color:#0f172a}h3{margin-top:0;margin-bottom:8px;color:#1e293b}h4{margin-top:0;font-size:1rem;color:#1f2937}@media(max-width:768px){.mapping-grid{grid-template-columns:1fr}.controls{flex-direction:column;align-items:flex-start}button,input[type=file],input[type=text],input[type=password]{width:100%}}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a)}.login-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 20px #00000040;text-align:center;width:320px;animation:fadeIn .5s ease-in-out}.login-logo{width:90px;margin-bottom:1rem}.login-card h2{margin-bottom:1rem;color:#0f172a}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card input{width:100%;padding:10px;margin:4px 0;border-radius:6px;border:1px solid #cbd5e1;font-size:14px}.login-card button{background-color:#2563eb;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;transition:background .3s ease}.login-card button:hover{background-color:#1d4ed8}.error{color:red;margin-top:10px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}