.import-center{max-width:1500px;margin:0 auto}
.import-kind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.import-kind{display:flex;align-items:flex-start;flex-direction:column;gap:9px;padding:23px;text-align:left;background:#fff;border:1px solid #e2e8f4;border-radius:17px;color:#253852;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.import-kind>.icon{width:27px;height:27px;color:#586be9;margin-bottom:4px}
.import-kind>b{font-size:15px}.import-kind>span{font-size:12px;line-height:1.6;color:#8190a6}
.import-kind:hover,.import-kind.selected{border-color:#6878ed;box-shadow:0 4px 16px #5164e512}.import-kind.selected{background:#f6f7ff}
.import-kind:disabled{opacity:.48;cursor:default;box-shadow:none}.import-kind:focus-visible{outline:3px solid #bdc6ff;outline-offset:2px}
.import-context{display:flex;align-items:center;gap:13px;padding:15px 20px;background:#edf4f8;border:1px solid #dfeaf0;border-radius:13px;margin-bottom:20px;color:#37546b}
.import-context>div{display:grid;gap:4px;flex:1}.import-context b{font-size:13px}.import-context span{font-size:11px;color:#788ea0}
.import-workflow{padding:8px 30px 30px}.import-workflow>section{display:flex;gap:20px;padding:27px 0;border-bottom:1px solid #edf0f7}.import-workflow>section:last-child{border-bottom:0;padding-bottom:0}
.import-step{display:grid;place-items:center;background:#eef0ff;color:#5967da;width:34px;height:34px;flex-shrink:0;border-radius:11px;font-weight:750;font-size:14px}
.import-step-content{flex:1;min-width:0}.import-step-content h3{font-size:17px;margin:4px 0 9px;color:#26364d}.import-step-content p{font-size:13px;color:#8290a5;line-height:1.7;margin:0 0 14px}
.import-step-content>small{display:block;color:#8d99ae;font-size:11px;margin:12px 0 0;line-height:1.6}
.import-columns{padding:12px 15px;border-radius:8px;background:#f4f6fb;color:#53668a;font-size:12px;margin:0 0 15px;border:1px solid #e9edf7;overflow-wrap:anywhere}
.import-center .import-drop{display:flex;align-items:center;flex-direction:column;gap:12px;padding:28px 18px;background:#f8faff;border:1.5px dashed #c9d4f0;border-radius:13px;cursor:pointer;margin:0 0 20px;text-align:center}
.import-center .import-drop>.icon{width:32px;height:32px;color:#6b7bd9}.import-drop strong{color:#536686;font-size:14px;overflow-wrap:anywhere}.import-drop>span{font-size:12px;color:#8a98ac}
.import-drop input{max-width:100%;font-size:12px;color:#7a88a1}.import-drop.dragging{background:#eef1ff;border-color:#5e71ea}
[data-import-progress]{font-size:12px;color:#6a7be2;padding-left:12px}
.import-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e9edf6;background:#fafbff}
.import-summary>div{display:grid;gap:7px;padding:23px 28px;border-right:1px solid #edf0f7}.import-summary b{font-size:25px;color:#334563}.import-summary span{font-size:11px;color:#8b98ad}.import-summary .ok b{color:#28a78d}.import-summary .bad b{color:#d95b70}.import-summary .warn b{color:#b88730}
.import-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 0}.import-review-toolbar>input{max-width:350px}.import-filters{display:flex;gap:7px}.import-filters .chip.active{background:#ecf0ff;color:#566ae3;border-color:#d8e0ff}
.import-review tbody td{vertical-align:top;max-width:540px}.import-review td>small{display:block;color:#8997ac;font-size:11px;margin-top:6px;line-height:1.7}.import-row-number{color:#8a99b0;font-variant-numeric:tabular-nums}
.import-message{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.7;margin:0 0 8px;padding:8px 11px;border-radius:7px;overflow-wrap:anywhere}.import-message .icon{flex-shrink:0;width:14px;height:14px;margin-top:3px}.import-message.error{background:#fff1f3;color:#be4d62}.import-message.warning{background:#fff8e8;color:#9a752f}
.import-change{display:grid;grid-template-columns:110px minmax(70px,1fr) minmax(70px,1fr);gap:10px;font-size:11px;line-height:1.7;padding:6px 0}.import-change>span{color:#7b8ba3}.import-change del{color:#a7b2c4;text-decoration:none}.import-change>b{color:#3d6786;overflow-wrap:anywhere}
.import-review-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:22px 26px;border-top:1px solid #e9edf6}.import-problem{border-color:#f4d3d8!important;background:#fff8f9!important}
.import-history td{font-size:12px}.import-history td:first-child{max-width:330px;overflow-wrap:anywhere}
@media(max-width:1050px){.import-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-change{grid-template-columns:1fr}.import-summary>div{padding:20px}}
@media(max-width:650px){.import-kind{padding:16px}.import-workflow{padding:0 16px 22px}.import-workflow>section{gap:12px}.import-step{width:28px;height:28px;border-radius:8px}.import-summary{grid-template-columns:repeat(2,1fr)}.import-summary>div{padding:18px}.import-review-toolbar{align-items:stretch;flex-direction:column}.import-review-toolbar>input{max-width:none}.import-review-footer{align-items:stretch;flex-direction:column}.import-review-footer .actions{flex-wrap:wrap}.import-review-footer>.btn{justify-content:center}.import-center .panel-head{align-items:flex-start}.import-filters .chip{font-size:11px}}