:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5fb;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7f8fd 0%,#eef2f9 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}input,select,textarea{background:#fff;border:1px solid #d8def0;border-radius:12px;padding:11px 13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#6d6afc;outline:none;box-shadow:0 0 0 3px #6d6afc24}button{cursor:pointer;color:#0f172a;background:#edf0f8;border:0;border-radius:12px;padding:11px 16px;transition:transform .15s,box-shadow .15s,opacity .15s}button.primary{color:#fff;background:linear-gradient(135deg,#6d6afc 0%,#7c73ff 100%);box-shadow:0 12px 28px #6d6afc3d}button.ghost{background:#fff;border:1px solid #d8def0}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}code{background:#eef2ff;border-radius:4px;padding:2px 4px}#root{min-height:100vh}.page{max-width:1320px;margin:0 auto;padding:32px 24px 48px}.hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#6d6afc;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.hero h1{margin:0;font-size:36px;line-height:1.1}.hero-copy{color:#64748b;max-width:720px;margin:10px 0 0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e8ebf5;border-radius:18px;padding:18px 20px;box-shadow:0 12px 32px #0f172a0d}.summary-label{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.summary-card strong{font-size:28px;line-height:1.2}.layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e8ebf5;border-radius:20px;flex-direction:column;grid-column:span 4;padding:22px;display:flex;box-shadow:0 16px 40px #0f172a0f}.panel-wide{grid-column:span 8}.panel-full{grid-column:1/-1}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-head.compact{margin-bottom:14px}.section-head h2,.section-head h3{margin:0 0 6px}.section-head p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.upload-grid,.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:8px;font-size:14px;display:flex}.field span{color:#0f172a;font-weight:600}.field input,.field select,.field textarea{width:100%}.file-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;margin-bottom:14px;display:grid}.file-meta div{background:#f8f9ff;border:1px solid #eef1fb;border-radius:14px;padding:14px 16px}.file-meta span,.file-meta small{color:#64748b;display:block}.file-meta strong{margin:6px 0 4px;display:block}.notice{border-radius:14px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.6}.notice.info{color:#1d4ed8;background:#eef4ff}.notice.success{color:#166534;background:#ecfdf3}.notice.error{color:#be123c;background:#fff1f2}.variable-block{margin-top:18px}.variable-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.checkbox-card{cursor:pointer;background:#fafbff;border:1px solid #e5e9f5;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.checkbox-card input{width:auto;margin:0}.empty-text{color:#64748b;margin:0;font-size:13px;line-height:1.6}.button-row{flex-wrap:wrap;gap:12px;display:flex}.mapping-list{flex-direction:column;gap:12px;display:flex}.mapping-item{background:#fafbff;border:1px solid #e8ebf5;border-radius:16px;padding:12px}.mapping-row{grid-template-columns:minmax(160px,1fr) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.mapping-sample{color:#64748b;margin-top:8px;font-size:12px;line-height:1.6}.mapping-sample code{white-space:pre-wrap;word-break:break-word}.tip-box{color:#475569;background:#f8f9ff;border-radius:14px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.7}.muted-box{margin-top:16px}.progress-card{background:linear-gradient(135deg,#f8f9ff 0%,#eef2ff 100%);border:1px solid #e0e7ff;border-radius:16px;padding:18px}.progress-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.progress-track{background:#6366f124;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6d6afc 0%,#8b5cf6 100%);border-radius:999px;height:100%;transition:width .2s}.progress-caption{color:#64748b;margin-top:10px;font-size:13px}.error-list{margin-top:16px}.error-list h3{margin:0 0 10px;font-size:15px}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.error-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.error-table thead th{color:#334155;text-align:left;background:#f5f7fa;border-bottom:1px solid #dbe2ea;padding:12px 14px;font-size:13px;font-weight:600}.error-table tbody td{color:#334155;vertical-align:top;border-bottom:1px solid #e9edf3;padding:14px;font-size:13px}.error-table tbody tr:nth-child(2n){background:#fcfdff}.error-table tbody tr:hover{background:#f8fbff}.error-table th:first-child,.error-table td:first-child,.error-table th:nth-child(2),.error-table td:nth-child(2){width:140px}.error-table th:nth-child(3),.error-table td:nth-child(3){width:380px}.error-table th:nth-child(4),.error-table td:nth-child(4){width:320px}.multiline-cell{white-space:pre-wrap;word-break:break-word;line-height:1.7}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.panel-wide{grid-column:span 12}}@media (width<=720px){.page{padding:20px 16px 40px}.hero{flex-direction:column}.summary-grid,.mapping-row{grid-template-columns:1fr}}