.dt-grid{display:grid;grid-template-columns:1fr;gap:20px}.dt-card{padding:22px;min-width:0}.dt-card .panel-heading{margin-bottom:14px}.dt-notice{padding:12px 14px;border-radius:10px;background:#f3f6fb;color:#34415b;line-height:1.5}.dt-drop{display:grid;gap:6px;margin:16px 0;padding:22px;border:2px dashed #8292ab;border-radius:12px;background:#fbfcfe;color:#35415b;cursor:pointer;line-height:1.45}.dt-drop-title{font-size:16px;font-weight:700}.dt-drop:focus-visible{outline:3px solid #2868d7;outline-offset:3px}.dt-drop.is-dragging{border-color:#2868d7;background:#eaf2ff;box-shadow:0 0 0 3px #2868d733}.dt-multi-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.dt-files{display:grid;gap:10px;margin:16px 0}.dt-file-row{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(180px,1.5fr) auto;gap:12px;align-items:end;padding:12px;border:1px solid #e4e9f1;border-radius:12px}.dt-file-row label,.dt-mapping-grid label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#35415b;min-width:0}.dt-file-row select,.dt-file-row input,.dt-mapping-grid select{max-width:100%;min-height:42px;border:1px solid #d9e0eb;border-radius:8px;padding:8px;background:#fff;color:#1d2942}.dt-upload,.dt-file-name{overflow-wrap:anywhere;min-width:0}.dt-message{min-height:1em;color:#495772}.dt-preview{margin-top:22px;min-width:0}.dt-preview-head h3{margin-bottom:4px}.dt-preview-head p,.dt-file-result>p,.dt-mapping>p{color:#59667d;line-height:1.5}.dt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0}.dt-stats>div{display:grid;gap:3px;padding:12px;border-radius:10px;background:#f3f6fb;min-width:0}.dt-stats strong{font-size:20px;overflow-wrap:anywhere}.dt-stats span{font-size:12px;color:#526078;text-transform:capitalize}.dt-file-result{padding:14px 0;border-top:1px solid #e7ebf2}.dt-file-result h4{margin:0 0 6px}.dt-mapping{grid-column:1/-1;min-width:0}.dt-mapping h4{margin:4px 0}.dt-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0}.dt-alert{padding:10px 13px;margin:10px 0;border:1px solid #e2e7ef;border-radius:9px;background:#fbfcfe;overflow-wrap:anywhere}.dt-alert h4{margin:2px 0 7px}.dt-alert ul{margin:4px 0;padding-left:20px}.dt-table-wrap{max-width:100%;overflow:auto;border:1px solid #e5eaf1;border-radius:8px}.dt-table-wrap table{border-collapse:collapse;min-width:520px;width:100%;font-size:13px}.dt-table-wrap th,.dt-table-wrap td{text-align:left;padding:9px;border-bottom:1px solid #edf0f5;vertical-align:top}.dt-table-wrap th{background:#f7f9fc}.dt-error{color:#a32626}.dt-error li{margin:5px 0}.dt-confirm{display:flex;align-items:flex-start;gap:9px;margin:18px 0;color:#34415b;line-height:1.45}.dt-confirm input{margin-top:3px}.dt-result pre{max-width:100%;overflow:auto;padding:12px;background:#f3f6fb;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.dt-card button{margin-top:5px}@media(min-width:900px){.dt-grid{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr)}}@media(max-width:600px){.dt-card{padding:16px}.dt-file-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.dt-file-row button{justify-self:start}.dt-grid{gap:14px}.dt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-mapping-grid{grid-template-columns:1fr}.dt-table-wrap table{min-width:460px}}