:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#152b45;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:84px;background:#132944;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:.06em}.logo{background:#4ce0bb;color:#132944;padding:8px 12px;border-radius:9px;font-size:22px}.divider{opacity:.4}.brand .muted{color:#c1cddd;font-weight:400;letter-spacing:0}.source{font-size:14px;color:#c1cddd}main{max-width:1240px;margin:44px auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:700;color:#367f76}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:10px 0 14px}h2{font-size:20px;margin:0 0 24px}.muted,.hint{color:#61718a;line-height:1.6}.pill{background:#fff1d8;color:#805a14;border-radius:30px;padding:10px 16px;font-size:14px;white-space:nowrap}.notice{padding:20px 24px;background:#fff9eb;border:1px solid #ecdbb5;border-left:4px solid #c58d21;border-radius:10px;margin-bottom:26px}.notice p{margin:8px 0 0;line-height:1.5;color:#735e36}.workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.panel{background:white;border:1px solid #dfe5ed;border-radius:14px;padding:28px}.drop{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;border:2px dashed #b8c7d7;border-radius:10px;padding:32px 12px;cursor:pointer;background:#f8fbfd}.drop:hover,.drop.over{border-color:#16876f;background:#eefbf6}.drop span:last-of-type{font-size:14px;color:#61718a}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{font-size:28px;color:#16876f}.hint{font-size:14px;margin:16px 0 22px}label[for=column]{display:block;font-size:14px;font-weight:600;margin-bottom:8px}select,button{font:inherit;border-radius:8px;width:100%;min-height:46px}select{padding:10px;border:1px solid #bcc9d8;background:white;margin-bottom:16px}button{border:0;background:#147963;color:white;cursor:pointer;font-weight:600;padding:12px;margin-top:10px}button:hover:enabled{background:#0d6653}button:disabled{background:#e9edf2;color:#8592a2;cursor:not-allowed}.secondary{border:1px solid #ccd7e3;background:white;color:#294562}.text-button{background:transparent;color:#147963}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats div{padding-bottom:18px;border-bottom:1px solid #edf0f5}.stats span{display:block;font-size:14px;color:#61718a}.stats strong{display:block;font-size:30px;margin-top:8px}.result-count{display:grid;grid-template-columns:1fr auto;align-items:center;margin:28px 0 20px}.result-count strong{font-size:32px}.result-count small{color:#61718a;font-size:14px}.preview{margin-top:24px}.section-heading{display:flex;justify-content:space-between;gap:16px}.section-heading .muted{font-size:14px}.table-wrap{overflow:auto;max-height:480px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:#f3f6fa;color:#61718a}td,th{padding:14px 16px;border-bottom:1px solid #e8edf3;white-space:nowrap}.empty{text-align:center;color:#61718a;padding:38px}.status{padding:5px 9px;border-radius:5px;background:#eef2f7}.invalid{color:#9f3440;background:#fceff0}.duplicate{color:#805a14;background:#fff5df}#message{font-size:14px;line-height:1.5;color:#61718a}progress{width:100%}footer{font-size:14px;color:#61718a;padding:24px 0;line-height:1.6}@media(max-width:760px){header{height:auto;min-height:80px;padding:20px;flex-wrap:wrap}.brand{font-size:14px;gap:8px}.source{display:none}main{padding:0 16px;margin-top:26px}.intro{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr}.panel{padding:22px}.section-heading{flex-wrap:wrap}}