:root{--font-body:"Be Vietnam Pro", "Segoe UI", Tahoma, sans-serif;--font-heading:"Sora", "Be Vietnam Pro", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1b3543;background:#eef3f5}button,input,select,textarea{font:inherit}.page-shell{background:radial-gradient(circle at 10% 18%,#2a697e2e,#0000 42%),radial-gradient(circle at 90% 78%,#e8843a29,#0000 44%),linear-gradient(160deg,#f2f5f6 0%,#fdfaf4 52%,#f3f7f8 100%);min-height:100vh;padding:30px 18px 48px;position:relative;overflow:hidden}.aura{filter:blur(36px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.aura-top{background:#2a697e;width:320px;height:320px;top:-120px;right:-80px}.aura-bottom{background:#dd8a41;width:360px;height:360px;bottom:-160px;left:-120px}.app-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fffffff0,#ffffffe0);border:1px solid #d6dee1;border-radius:28px;width:min(1140px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 60px #21394724,inset 0 1px #ffffffb3}.app-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#2a697e14,#0000 45%),linear-gradient(300deg,#dd8a4114,#0000 40%);position:absolute;inset:0}.hero{z-index:1;border-bottom:1px solid #e4eaec;padding:52px 44px 34px;position:relative}.tagline{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.22em;color:#2a697e;margin:0;font-size:12px}.hero h1{font-family:var(--font-heading);letter-spacing:-.02em;color:#11242f;margin:14px 0;font-size:clamp(26px,4vw,44px);line-height:1.08}.subtitle{color:#365564;max-width:820px;margin:0;font-size:16px;line-height:1.58}.direction-switch{background:#fffc;border:1px solid #d4dde0;border-radius:999px;margin-top:24px;display:inline-flex;overflow:hidden}.direction-switch button{color:#3d5b69;cursor:pointer;background:0 0;border:0;padding:11px 18px;font-weight:600;transition:all .2s}.direction-switch button.active{color:#fff;background:linear-gradient(135deg,#2a697e,#3c8399)}.direction-switch button:not(.active):hover{background:#1f596e14}.direction-helper{color:#4a6773;margin:10px 0 0;font-size:14px}.workspace{z-index:1;padding:30px 44px 44px;position:relative}.mode-tabs{background:#f5f8f9;border:1px solid #dbe3e6;border-radius:14px;gap:8px;padding:7px;display:inline-flex}.mode-tabs button{color:#48636f;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 16px;font-weight:600;transition:all .2s}.mode-tabs button.active{color:#183849;background:#fff;box-shadow:0 10px 18px #1936441f}.panel{background:#fff;border:1px solid #dce5e8;border-radius:20px;margin-top:18px;padding:24px}.panel-head h2{font-family:var(--font-heading);color:#11242f;letter-spacing:-.01em;margin:0;font-size:24px}.panel-head p{color:#4c6975;margin:8px 0 0;font-size:15px;line-height:1.55}.manual-input{resize:vertical;width:100%;min-height:140px;font:500 15px/1.55 var(--font-body);color:#1d3643;background:#fbfdfd;border:1px solid #cfdce2;border-radius:14px;margin-top:16px;padding:15px;transition:border-color .2s,box-shadow .2s}.manual-input:focus-visible,.field-block select:focus-visible,.field-block input[type=file]:focus-visible{border-color:#2a697e;outline:none;box-shadow:0 0 0 3px #2a697e29}.action-row{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.primary-btn,.ghost-btn{letter-spacing:.01em;cursor:pointer;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s}.primary-btn{color:#fff;background:linear-gradient(135deg,#1f5d74,#2f7c96);border:1px solid #1f5d74;box-shadow:0 12px 20px #1e586e3d}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 24px #1e586e47}.ghost-btn{color:#2f5362;background:#f8fbfc;border:1px solid #cad8de}.ghost-btn:hover:not(:disabled){background:#edf4f6}.primary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.manual-results{gap:12px;margin-top:18px;display:grid}.result-card{background:#fbfdfd;border:1px solid #dce5e8;border-radius:14px;padding:14px}.result-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.result-index{color:#6a828d;font-size:13px}.status-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-matched{color:#045f3a;background:#d8f6e8}.status-ambiguous{color:#855300;background:#ffeec8}.status-not-found{color:#8a1f2f;background:#ffe2e6}.status-empty{color:#4e6371;background:#e8eef1}.result-label{color:#64808d;text-transform:uppercase;letter-spacing:.05em;margin:8px 0 4px;font-size:12px;font-weight:700}.result-value{color:#17313f;word-break:break-word;margin:0;line-height:1.5}.result-value.highlight{color:#1b5f77;font-weight:600}.result-note{color:#4e6975;margin:8px 0 0;font-size:13px}.alternatives{border-top:1px dashed #d4e0e4;margin-top:8px;padding-top:8px}.alternatives summary{cursor:pointer;color:#2c6278;font-size:13px;font-weight:600}.alternatives ul{color:#264a5a;margin:8px 0 0;padding-left:18px}.excel-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.field-block{flex-direction:column;gap:6px;display:flex}.field-block label{color:#496471;font-size:13px;font-weight:700}.field-block input[type=file],.field-block select{color:#1f3947;width:100%;font:500 14px/1.3 var(--font-body);background:#fbfdfd;border:1px solid #cfdce2;border-radius:12px;padding:10px 12px}.checkbox-row{color:#456472;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:inline-flex}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.summary-grid>div{background:#f9fcfd;border:1px solid #d9e4e8;border-radius:12px;padding:10px 12px}.metric-label{color:#617d89;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px}.metric-value{color:#17313f;font-family:var(--font-heading);margin:4px 0 0;font-size:24px}.preview-wrap{margin-top:18px}.preview-wrap h3{font-family:var(--font-heading);color:#173442;margin:0 0 10px;font-size:18px}.preview-table-wrap{border:1px solid #d7e2e6;border-radius:14px;overflow:auto}.preview-table{border-collapse:collapse;width:100%;min-width:740px}.preview-table th,.preview-table td{text-align:left;vertical-align:top;color:#2a4a59;border-bottom:1px solid #e4ecef;padding:10px 12px;font-size:13px;line-height:1.45}.preview-table th{text-transform:uppercase;letter-spacing:.05em;color:#466775;background:#f1f7f9;font-size:12px;position:sticky;top:0}.preview-table tr:last-child td{border-bottom:0}.state-text{color:#476672;margin:14px 0 0;font-size:14px}.state-text.error{color:#8a1f2f}.fade-in{animation:.35s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero,.workspace{padding-left:24px;padding-right:24px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.page-shell{padding:14px 10px 24px}.app-card{border-radius:18px}.hero,.workspace{padding-left:14px;padding-right:14px}.excel-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-switch{width:100%}.direction-switch button{flex:1}}