:root{font-family:IBM Plex Sans,Noto Sans KR,sans-serif;color:#1a2a3a;background:linear-gradient(150deg,#eef5ff,#fff8f0)}*{box-sizing:border-box}body{margin:0}.app{width:min(1040px,calc(100vw - 24px));margin:20px auto;display:grid;gap:12px}.hero,.panel,.tabs{background:#fff;border:1px solid #d8e3ef;border-radius:12px;padding:14px}.kicker{margin:0;font-size:12px;color:#165a95;text-transform:uppercase;font-weight:700}.hero h1{margin:6px 0 0;font-size:clamp(22px,3vw,32px)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid #c9d8ea;border-radius:999px;background:#eef4fb;color:#294f72;padding:7px 12px;cursor:pointer}.tab.active{border-color:#133e67;background:#133e67;color:#fff}.card{border:1px solid #d8e3ef;border-radius:10px;padding:10px;background:#f7fbff}.card h4,.panel h2,.panel h3{margin:0 0 6px}.panel p,.card p{margin:0;color:#4f657b}.primary{margin-top:12px;border:0;border-radius:10px;background:#124876;color:#fff;font-weight:700;padding:10px 14px;cursor:pointer}.dropzone{margin-top:10px;border:2px dashed #b7cbe0;border-radius:10px;background:#f1f7ff;color:#2f4f6e;padding:14px;display:grid;gap:4px;cursor:pointer}.dropzone strong{font-size:14px}.dropzone span{font-size:13px;color:#4b647e}.dropzone.is-dragover{border-color:#13589a;background:#e8f3ff}.uploader-input{margin-top:10px}.mapper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}.mapper-grid label{display:grid;gap:4px;color:#33495f;font-size:14px}.mapper-grid select{border:1px solid #c6d6e7;border-radius:8px;padding:8px}.error-text{margin:0;color:#b42318;font-weight:700}.preview-table-wrap{margin-top:10px;overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table th,.preview-table td{border:1px solid #d9e4ef;padding:6px 8px;text-align:left;white-space:nowrap}.metrics-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.metrics-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#355169}.metrics-list strong{color:#163e64}.risk-badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px}.risk-low{background:#e6f4ea;color:#1e6f3e}.risk-medium{background:#fff4df;color:#8a5b11}.risk-high{background:#ffe9e8;color:#a3281f}