@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#14231f;--muted:#71817c;--line:#e3eae6;--paper:#f7f9f7;--green:#187a57;--green-dark:#0d6244;--mint:#e6f5ee;--orange:#c78235}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--paper)}body{margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1440px;margin:0 auto;padding:0 56px}.topbar{height:82px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:#fff;font-size:17px}.brand-light,.footer-light{font-weight:500;color:#81918a}.topbar-right{display:flex;align-items:center;gap:9px;color:#64736d;font-size:12px}.status-dot{width:7px;height:7px;background:#2caa76;border-radius:50%;box-shadow:0 0 0 4px #e0f3e9}.hero{padding:56px 0 42px}.eyebrow,.section-kicker{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.4px;color:var(--green);font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:23px;height:1px;background:var(--green)}h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:19px 0 17px;font-weight:800}h1 span{color:var(--green)}.hero-copy{max-width:620px;font-size:15px;line-height:1.8;color:#65746e;margin:0}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.hero-pills span{border:1px solid #dfe8e2;border-radius:5px;padding:8px 11px;font-size:11px;color:#50625a}.workspace{padding-bottom:62px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 19px}.section-heading h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;margin:8px 0 5px}.section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.text-button{border:0;background:transparent;color:var(--green);font-weight:600;font-size:12px;padding:8px}.dropzone{min-height:205px;border:1px dashed #b9cfc2;border-radius:9px;background:#fcfdfc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.dropzone.dragging,.dropzone:hover{background:#f1faf5}.upload-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--mint);margin-bottom:13px}.upload-icon svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.drop-title{font-weight:700;max-width:90%;overflow-wrap:anywhere}.drop-subtitle{font-size:11px;color:var(--muted);margin-top:6px}.file-types{display:flex;gap:6px;margin-top:16px}.file-types span{font:10px DM Mono,monospace;border:1px solid var(--line);border-radius:4px;background:white;padding:5px 7px;color:#687770}.error-box{margin-top:14px;border:1px solid #f2c9c5;background:#fff5f4;color:#a43c31;padding:12px 14px;border-radius:6px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px;margin:18px 0 47px}.stat-card{padding:17px 19px;border:1px solid var(--line);background:#fff;border-radius:7px;display:flex;flex-direction:column;gap:6px}.stat-card>span{font-size:11px;color:var(--muted)}.stat-card strong{font:700 27px Manrope,sans-serif;letter-spacing:-1px}.stat-card strong em{font:500 14px DM Sans,sans-serif;color:#93a19a;font-style:normal;letter-spacing:0}.stat-card small{font-size:10px;color:#8a9891}.mapping-heading{margin-bottom:20px}.tab-switch{display:flex;border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px;gap:2px;flex-shrink:0}.tab-switch button{border:0;background:transparent;color:#71817a;border-radius:4px;padding:9px 12px;font-size:11px}.tab-switch button.active{background:var(--mint);color:var(--green-dark);font-weight:700}.mapping-card,.preview-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.mapping-row,.mapping-table-head{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(240px,1.3fr) 100px;grid-gap:18px;gap:18px;align-items:center}.mapping-table-head{padding:13px 20px;background:#f7faf8;border-bottom:1px solid var(--line);font:10px DM Mono,monospace;color:#7d8b84;letter-spacing:.7px}.mapping-row{padding:10px 20px;min-height:49px;border-bottom:1px solid #edf1ee}.mapping-row:last-child{border-bottom:0}.target-name{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.field-glyph{color:#a0b0a7;font-size:15px;font-weight:400}.select-wrap{position:relative}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #dfe7e2;border-radius:5px;padding:9px 30px 9px 10px;background:#fff;color:#4c5c54;font-size:11px;outline:none}.select-wrap select:focus{border-color:#5ca988;box-shadow:0 0 0 2px #e1f4e9}.select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-55%);pointer-events:none;color:#8a9891}.map-status{font-size:10px;display:flex;align-items:center;gap:6px}.map-status>span{width:6px;height:6px;border-radius:50%}.map-status.matched{color:#27835c}.map-status.matched>span{background:#38a873}.map-status.unmatched{color:#a0aaa5}.map-status.unmatched>span{background:#cbd3ce}.mapping-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;background:#fafcfb;border-top:1px solid var(--line);font-size:11px;color:#71817a}.secondary-button{border:1px solid #dbe5de;background:white;border-radius:5px;color:#52635a;padding:8px 10px;font-size:11px;font-weight:600;white-space:nowrap}.secondary-button:hover{border-color:#a6c9b5;color:var(--green)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}.preview-toolbar>div{display:flex;flex-direction:column;gap:4px}.preview-toolbar strong{font-size:12px}.preview-toolbar span{font-size:10px;color:var(--muted)}.preview-toolbar input{border:1px solid var(--line);border-radius:5px;padding:9px 10px;min-width:210px;outline:none;font-size:11px}.table-scroll{max-width:100%;max-height:430px}table{border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:11px;min-width:100%}th{position:-webkit-sticky;position:sticky;top:0;background:#f5f8f6;color:#53635b;font-weight:700;text-align:left;z-index:1}td,th{padding:11px 13px;border-bottom:1px solid #edf1ee;border-right:1px solid #f0f3f1}td{color:#4c5c54;max-width:280px;overflow:hidden;text-overflow:ellipsis}.empty-cell{color:#c5cec9}.preview-foot{padding:12px 16px;color:#829088;font-size:10px;background:#fafcfb}.export-panel{display:flex;align-items:center;gap:14px;padding:19px 20px;border:1px solid #d4e9dc;border-radius:8px;margin-top:20px}.export-icon{width:38px;height:38px;border-radius:9px;background:#d8f1e2;color:var(--green);display:grid;place-items:center;font-size:22px;flex-shrink:0}.export-copy{display:flex;flex-direction:column;gap:5px;flex:1 1;min-width:0}.export-copy strong{font-size:13px}.export-copy span{font-size:11px;color:#6c7d73;line-height:1.5}.primary-button{border:0;color:#fff;border-radius:5px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px;white-space:nowrap;transition:background .15s}footer{border-top:1px solid var(--line);padding:21px 0 25px;display:flex;justify-content:space-between;gap:15px;color:#8a9891;font-size:10px}footer>span:first-child{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;color:#53635b}@media(max-width:760px){.app-shell{padding:0 20px}.topbar{height:68px}.topbar-right{font-size:10px}.hero{padding:42px 0 32px}h1{letter-spacing:-1.7px}.hero-copy{font-size:13px}.section-heading{align-items:flex-start}.section-heading h2{font-size:20px}.stats-grid{gap:8px;margin-bottom:36px}.stat-card{padding:13px 11px}.stat-card strong{font-size:23px}.mapping-heading{flex-direction:column;align-items:flex-start}.mapping-row,.mapping-table-head{grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr);gap:10px;padding-left:12px;padding-right:12px}.mapping-table-head span:last-child{display:none}.map-status{grid-column:2;grid-row:2;margin-top:-6px}.mapping-row{padding-top:12px;padding-bottom:12px}.mapping-footer{align-items:flex-start;flex-direction:column;padding:12px}.export-panel{align-items:flex-start;flex-wrap:wrap;padding:15px}.export-copy{min-width:calc(100% - 60px)}.primary-button{width:100%;justify-content:center}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-toolbar input{width:100%;min-width:0}footer{flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}}.paste-panel{margin-top:24px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.paste-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.paste-panel-heading h3{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;margin:7px 0 5px}.paste-panel-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.paste-badge{flex-shrink:0;border:1px solid #d7ebdf;background:#f1faf5;color:var(--green);border-radius:4px;padding:6px 8px;font-size:10px}.paste-input{display:block;min-height:180px;border:1px solid #dfe7e2;border-radius:6px;padding:13px;background:#fbfdfb;color:#263a31;font:11px/1.65 DM Mono,monospace}.paste-input:focus{border-color:#5ca988;box-shadow:0 0 0 2px #e1f4e9}.paste-input::placeholder{color:#9aa8a0}.paste-actions{gap:16px}.paste-actions>span{font-size:10px;color:#819088}.export-actions{align-items:center;justify-content:flex-end;gap:8px}.copy-message,.export-actions .primary-button{padding:12px 14px}.copy-message{margin-top:10px;display:flex;align-items:center;gap:9px;border:1px solid #cfe8d8;background:#f2fbf5;color:#286b4b;border-radius:6px;font-size:11px;line-height:1.5}.copy-message>span{font-size:15px;font-weight:700}@media(max-width:760px){.paste-panel{padding:14px}.paste-actions,.paste-panel-heading{flex-direction:column}.paste-actions{align-items:stretch}.paste-actions .primary-button{width:100%;justify-content:center}.export-actions{width:100%;justify-content:stretch}.export-actions button{width:100%;justify-content:center}}.preview-card{background:#17191c;border-color:#35383d;color:#e7e9eb;border-radius:7px}.preview-toolbar{background:#1b1d20;border-color:#383b40;color:#e7e9eb}.preview-toolbar strong{color:#f0f1f2;font-size:13px}.preview-toolbar span{color:#a7abb0}.preview-toolbar input{background:#222428;border-color:#45484d;color:#f0f1f2}.preview-toolbar input::placeholder{color:#8e9399}.table-scroll{background:#17191c;max-height:540px;overflow:auto}.preview-card table{border-collapse:separate;border-spacing:0;table-layout:auto;min-width:max-content;width:100%;white-space:normal;font-size:13px}.preview-card th{position:-webkit-sticky;position:sticky;top:0;background:#202226;color:#d7d9dc;font-size:13px;font-weight:500;text-align:left;vertical-align:top;min-width:86px;max-width:330px;height:116px;padding:12px 9px;border-top:1px solid #484b50;border-bottom:1px solid #484b50;border-right:1px solid #484b50;z-index:2}.preview-card th:first-child{border-left:1px solid #484b50}.preview-card td{height:116px;min-width:86px;max-width:330px;vertical-align:top;padding:12px 9px;color:#d0d2d5;line-height:1.55;white-space:normal;overflow-wrap:anywhere;background:#17191c;border-bottom:1px solid #484b50;border-right:1px solid #484b50}.preview-card td:first-child{border-left:1px solid #484b50}.preview-card tbody tr:hover td{background:#202226}.preview-card .empty-cell{color:#17191c}.preview-foot{background:#1b1d20;border-top:1px solid #383b40;color:#a7abb0}@media(max-width:760px){.preview-card td,.preview-card th{height:90px;min-width:78px;padding:9px 7px;font-size:11px}.table-scroll{max-height:440px}}.operator-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;max-width:320px}.operator-field label{font-size:12px;font-weight:700;color:#263a31}.operator-field select{width:100%;padding:11px 12px;border:1px solid #dfe7e2;border-radius:6px;background:#fff;color:#263a31;font-size:13px;outline:none}.operator-field select:focus{border-color:#187a57;box-shadow:0 0 0 2px #e1f4e9}.paste-action-buttons{flex-wrap:wrap}.paste-action-buttons button{white-space:nowrap}.paste-actions>span{min-width:220px}@media(max-width:760px){.paste-actions{flex-direction:column;align-items:stretch}.paste-actions>span{min-width:0}.paste-action-buttons{width:100%;justify-content:flex-end}.paste-action-buttons button{flex:1 1;justify-content:center}}.home-options-panel{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.home-options-panel .paste-panel-heading h3{margin:7px 0 5px;color:var(--ink);font:700 18px/1.3 Manrope,sans-serif;letter-spacing:-.4px}.home-options-panel .paste-panel-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.home-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.home-option-field{display:flex;min-width:0;flex-direction:column;gap:7px}.home-option-field>span{font-size:11px;font-weight:700;color:#43564c}.home-option-field select{width:100%;min-width:0;height:42px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;border:1px solid #dbe5de;border-radius:6px;color:#263a31;padding:0 11px;font-size:12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.home-option-field select:hover{border-color:#b5cfc0;background:#fff}.home-option-field select:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #e4f4eb}.paste-action-buttons .primary-button,.paste-action-buttons .secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:10px 15px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.paste-action-buttons .secondary-button:hover{background:#f6faf7;box-shadow:0 2px 7px #173d2910}.paste-action-buttons .primary-button{box-shadow:0 2px 5px #187a5720}.paste-action-buttons .primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #187a5725}.paste-action-buttons .primary-button:focus-visible,.paste-action-buttons .secondary-button:focus-visible{outline:3px solid #bfe5cf;outline-offset:2px}@media(max-width:900px){.home-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.home-options-panel{padding:15px}.home-options-grid{grid-template-columns:1fr;gap:12px}.paste-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1.5fr}.paste-action-buttons button{width:100%;min-width:0}}:root{--ink:#172b25;--muted:#718078;--line:#e2e9e4;--paper:#f3f6f4;--green:#14805e;--green-dark:#0b6347;--mint:#e4f5ec;--white:#fff;--orange:#b97828}body,html{min-height:100%;background:var(--paper)}body{color:var(--ink);font-family:Inter,DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{max-width:1540px;padding:0 42px}.topbar{height:70px;margin:0 -42px;padding:0 42px;background:#14251f;color:#f5fbf7;border-bottom:1px solid #243b32;box-shadow:0 5px 18px #10251b0b}.brand{color:#f5fbf7;font-size:17px;letter-spacing:-.45px}.brand-mark{width:35px;height:35px;border-radius:10px;background:#16845f;box-shadow:0 5px 14px #0002}.brand-light{color:#a9c4b7}.topbar-right{color:#c1d2c9}.status-dot{background:#4cdaa0;box-shadow:0 0 0 4px #ffffff12}.hero{padding:36px 0 28px}.eyebrow,.section-kicker{letter-spacing:1.25px}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1.9px;line-height:1.12;margin:13px 0 12px}.hero-copy{max-width:740px;font-size:14px;line-height:1.7}.hero-pills{margin-top:18px;gap:8px}.hero-pills span{border-radius:999px;padding:8px 12px;background:#fff;border-color:#e0e9e3}.workspace{padding-bottom:46px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:22px;letter-spacing:-.55px}.dropzone{min-height:174px;border:1.5px dashed #b9d1c3;border-radius:12px;background:#fff;box-shadow:0 2px 8px #183b2910}.dropzone.dragging,.dropzone:hover{border-color:var(--green);background:#f4fbf7;box-shadow:0 0 0 4px #16845f0c}.upload-icon{width:46px;height:46px;border-radius:14px}.drop-title{font-size:14px}.home-options-panel,.paste-panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 12px #173d2907}.home-options-panel{padding:21px 22px;margin-top:18px;margin-bottom:18px}.home-options-panel .paste-panel-heading{margin-bottom:16px}.home-options-panel h3,.paste-panel h3{font-size:16px;letter-spacing:-.3px}.home-option-field{gap:8px}.home-option-field>span{font-size:12px;color:#3d5147}.home-option-field select{height:44px;border-radius:8px;background:#fbfdfb;border-color:#d9e4dd;font-size:13px}.paste-panel{padding:22px;margin-top:18px}.paste-panel-heading{margin-bottom:16px}.paste-panel-heading h3{margin-top:7px;margin-bottom:6px;font-size:17px}.paste-panel-heading p{line-height:1.65}.paste-badge{border-radius:7px;background:#eff9f3;border:1px solid #d5ecdf;color:#18734f;font-size:11px;font-weight:700;padding:7px 10px}.paste-input{width:100%;min-height:185px;padding:14px 15px;border:1px solid #d9e4dd;border-radius:9px;background:#fbfdfc;color:#243c30;font:12px/1.55 DM Mono,ui-monospace,monospace;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.paste-input:focus{border-color:#6ab08c;background:#fff;box-shadow:0 0 0 4px #14805e12}.paste-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:13px}.paste-actions>span{flex:1 1;min-width:230px;color:#7b8981;font-size:11px;line-height:1.5}.paste-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.primary-button,.secondary-button,.tab-switch button,.text-button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.primary-button{background:var(--green);border-radius:8px;box-shadow:0 3px 8px #14805e20;padding:12px 16px}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 5px 12px #14805e25}.secondary-button{border-radius:8px;border-color:#d8e4dc;padding:11px 14px;background:#fff}.secondary-button:hover{background:#f3faf6;border-color:#a8cdb8;color:var(--green-dark)}.stats-grid{gap:15px;margin:22px 0 38px}.stat-card{border-radius:11px;padding:19px 21px;box-shadow:0 2px 8px #173d2906}.stat-card strong{font-size:29px}.mapping-card,.preview-card{border-radius:11px;box-shadow:0 3px 12px #173d2907}.mapping-table-head{background:#f4f8f5}.mapping-row{min-height:53px}.preview-toolbar input,.select-wrap select{border-radius:7px}.tab-switch{border-radius:8px;padding:4px}.tab-switch button{border-radius:6px;padding:10px 13px}.tab-switch button.active{background:#e2f4e9}th{background:#edf5f0}td,th{padding:12px 14px}tbody tr:nth-child(2n) td{background:#fbfdfb}tbody tr:hover td{background:#f1faf5}.export-panel{border-radius:11px;padding:20px;background:#f0faf4;border-color:#d1e9da}.export-actions{display:flex;flex-wrap:wrap;gap:9px}footer{border-top:1px solid #dfe8e2;padding:22px 0 25px;color:#829088;font-size:11px}.copy-message,.error-box{border-radius:9px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bce7cf;outline-offset:2px}@media (max-width:1000px){.app-shell,.topbar{padding:0 24px}.topbar{margin:0 -24px}.export-panel{align-items:flex-start;flex-wrap:wrap}.export-actions{width:100%}}@media (max-width:650px){.app-shell,.topbar{padding:0 15px}.topbar{height:62px;margin:0 -15px}.topbar-right{font-size:10px}.hero{padding:27px 0 22px}h1{font-size:32px;letter-spacing:-1.25px}.hero-pills{gap:6px}.hero-pills span{font-size:10px}.section-heading{align-items:flex-start;flex-direction:column}.home-options-panel,.paste-panel{padding:16px}.paste-panel-heading{align-items:flex-start}.paste-badge{display:none}.paste-actions{align-items:stretch}.paste-actions>span{min-width:100%}.paste-action-buttons{width:100%;display:grid;grid-template-columns:.8fr 1.5fr}.paste-action-buttons button{width:100%;min-width:0}.mapping-row,.mapping-table-head{grid-template-columns:minmax(115px,.9fr) minmax(140px,1.2fr) 75px;gap:9px;padding-left:12px;padding-right:12px}.mapping-table-head{font-size:9px}.mapping-row{min-height:57px}.target-name{font-size:11px}.map-status{font-size:9px}.preview-toolbar{align-items:stretch;flex-direction:column}.preview-toolbar input{width:100%;min-width:0}.export-actions{display:grid;grid-template-columns:1fr}.export-actions button{justify-content:center}footer{gap:12px;flex-wrap:wrap}}