*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{max-width:1100px;margin:0 auto;padding:24px 16px}.header{text-align:center;margin-bottom:24px;position:relative}.header h1{color:#1a1a2e;font-size:26px}.back-btn{position:absolute;top:50%;left:0;transform:translateY(-50%)}.subtitle{color:#666;margin-top:4px;font-size:14px}.card{background:#fff;border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #00000014}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card h2{color:#1a1a2e;font-size:18px}.card-footer{color:#666;border-top:1px solid #eee;margin-top:12px;padding-top:8px}.loading-hint{text-align:center;color:#4361ee;padding:20px;font-size:14px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#4361ee}.btn-primary:hover:not(:disabled){background:#3651d4}.btn-success{color:#fff;background:#389e0d}.btn-success:hover:not(:disabled){background:#2d8a0a}.btn-outline{color:#4361ee;background:#fff;border:1px solid #4361ee}.btn-outline:hover:not(:disabled){background:#eef1ff}.btn-danger{color:#fff;background:#e63946;padding:12px 32px;font-size:16px}.btn-danger:hover:not(:disabled){background:#c5303c}.search-input{border:1px solid #ddd;border-radius:6px;outline:none;width:200px;padding:6px 12px;font-size:14px}.search-input:focus{border-color:#4361ee}.table-list{border:1px solid #eee;border-radius:6px;max-height:500px;overflow-y:auto}.table-row{cursor:pointer;border-bottom:1px solid #f5f5f5;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.table-row:hover{background:#f8f9ff}.table-row:last-child{border-bottom:none}.badge{border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.badge-table{color:#389e0d;background:#e6f7e6}.badge-view{color:#1d66d6;background:#e6f0ff}.badge-new{color:#d48806;background:#fff7e6}.badge-match{color:#389e0d;background:#e6f7e6}.badge-mapped{color:#1d66d6;background:#e6f0ff}.badge-linked{color:#2e7d32;background:#e8f5e9}.orphan-select{max-width:180px;padding:3px 4px;font-size:12px}.table-name{flex:1;font-family:Consolas,Courier New,monospace;font-size:13px}.upload-hint{color:#4361ee;flex-shrink:0;font-size:12px}.form-input{border:1px solid #ddd;border-radius:6px;outline:none;padding:6px 12px;font-size:14px}.form-input:focus{border-color:#4361ee}.form-input.wide{width:100%;margin-top:8px}.form-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.form-row label{flex-shrink:0;font-weight:500}.hint{color:#999;font-size:13px}.upload-area{text-align:center;border:2px dashed #ddd;border-radius:8px;margin-top:12px;padding:24px}.upload-area input[type=file]{margin-bottom:8px}.reupload-btn{margin-bottom:8px;margin-left:12px}.column-editor{overflow-x:auto}.config-table{border-collapse:collapse;width:100%;font-size:14px}.config-table th,.config-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:8px 10px}.config-table th{color:#555;background:#fafafa;font-size:13px;font-weight:600}.config-table tr.new-col-row{background:#fff7e6}.config-table tr.mapped-col-row{background:#f0f7ff}.mapping-icon{cursor:help;margin-left:4px;font-size:12px}.mono{color:#555;font-family:Consolas,Courier New,monospace;font-size:13px}.cell-input{background:#fff;border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:13px}.cell-input:focus{border-color:#4361ee}.cell-input.short{width:70px}.preview-table-wrap{margin-top:8px;overflow-x:auto}.preview-table{border-collapse:collapse;white-space:nowrap;min-width:100%;font-size:13px}.preview-table th,.preview-table td{text-align:left;border:1px solid #eee;padding:6px 10px}.preview-table th{background:#f0f2f5;font-weight:600;position:sticky;top:0}.preview-table tr:hover{background:#f8f9ff}.valid-result{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;margin-top:10px;padding:12px 16px}.invalid-result{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin-top:10px;padding:12px 16px}.invalid-result ul{margin:8px 0 8px 20px}.detail-block{margin-top:8px;font-size:13px}.detail-item{color:#555;padding:2px 0;font-family:monospace}.action-bar{text-align:center;margin-bottom:16px}.progress-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.progress-content{text-align:center;background:#fff;border-radius:12px;padding:32px 48px;box-shadow:0 4px 20px #0003}.spinner{border:4px solid #eee;border-top-color:#4361ee;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-msg{text-align:center;color:#333;font-size:16px;font-weight:500}.error-msg{text-align:center;color:#e63946;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin-bottom:16px;padding:12px}.success-msg{text-align:center;color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;margin-bottom:16px;padding:14px 20px;font-size:15px;font-weight:500}.rule-toggle{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.rule-toggle input{cursor:pointer;width:16px;height:16px}.rule-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.rule-form .form-input{width:auto;min-width:130px}.rule-op{color:#666;white-space:nowrap;font-weight:600}.table-row.table-row-selected{background:#eef1ff;outline:2px solid #4361ee}.new-table-row{align-items:center;gap:8px;margin-top:12px;display:flex}.new-table-row .form-input{flex:1;margin:0}.selected-bar{background:#fff;border:1px solid #d9d9d9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.login-wrap{background:radial-gradient(at 20% 10%,#22d3ee24,#0000 50%),radial-gradient(at 80% 90%,#3b82f629,#0000 50%),linear-gradient(160deg,#060b1a 0%,#0b1428 55%,#060b1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.login-wrap:before{content:"";pointer-events:none;background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0a1226d1;border:1px solid #38bdf859;border-radius:12px;width:100%;max-width:390px;padding:40px 34px;position:relative;box-shadow:0 0 0 1px #0ea5e914,0 0 32px #22d3ee2e,0 16px 48px #0000008c}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee,#3b82f6,#0000);border-radius:2px;height:2px;position:absolute;top:0;left:18%;right:18%;box-shadow:0 0 12px #22d3eecc}.login-card h1{color:#e8f4ff;letter-spacing:1px;margin-bottom:4px;font-size:22px}.login-card .subtitle{color:#7d9cc0;margin-bottom:22px}.login-card .form-input{color:#e8f4ff;background:#060c1ab3;border:1px solid #38bdf840;border-radius:8px;width:100%;margin:0 0 14px;transition:border-color .2s,box-shadow .2s}.login-card .form-input::placeholder{color:#5a7699}.login-card .form-input:focus{border-color:#22d3ee;outline:none;box-shadow:0 0 0 3px #22d3ee26,0 0 14px #22d3ee40}.login-card .error-msg{margin-bottom:12px}.login-btn{color:#fff;letter-spacing:4px;background:linear-gradient(90deg,#0ea5e9,#2563eb);border:none;width:100%;margin-top:6px;transition:filter .2s,box-shadow .2s}.login-btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 18px #38bdf88c}.login-btn:disabled{opacity:.6;cursor:not-allowed}.header-top{justify-content:center;align-items:center;display:flex;position:relative}.user-bar{align-items:center;gap:8px;display:flex;position:absolute;right:0}.user-name{color:#555;font-size:14px}