@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Outfit:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#1e293b,#0f172a);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}h1,h2,h3{color:#f8fafc;font-family:Outfit,sans-serif}.app-layout{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.app-header h1{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(45deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:3rem;animation:.8s ease-out fadeInDown}.header-desc{color:#64748b;margin-top:0;margin-bottom:2rem;font-size:1.1rem;animation:1s ease-out fadeInDown}.search-container{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;max-width:600px;margin:0 auto;padding:3rem;animation:1s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}.title{margin-top:0;font-size:2rem}.subtitle{color:#94a3b8;margin-bottom:1.5rem}.site-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.site-badge{letter-spacing:.02em;border:1.5px solid;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s}.site-badge:hover{background:#ffffff0d;transform:translateY(-1px)}.search-form{gap:1rem;margin-bottom:1.5rem;display:flex}.search-input{color:#fff;background:#0f172a99;border:1px solid #fff3;border-radius:12px;outline:none;flex:1;padding:1rem 1.5rem;font-family:Inter,sans-serif;font-size:1.1rem;transition:border-color .3s,box-shadow .3s}.search-input::placeholder{color:#475569}.search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.search-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);border:none;border-radius:12px;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px #38bdf880}.search-button:active:not(:disabled){transform:translateY(1px)}.search-button:disabled{opacity:.4;cursor:not-allowed}.success-box{text-align:left;color:#86efac;background:#22c55e1a;border-left:4px solid #22c55e;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;animation:.4s ease-out slideUp}.warning-box{text-align:left;color:#fcd34d;background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:8px;padding:1rem;font-size:.85rem;animation:.8s ease-out slideUp}.warning-box strong{color:#fbbf24;margin-bottom:.5rem;display:block}.warning-box p{margin:0}.app-footer{color:#475569;margin-top:2rem;font-size:.85rem;animation:1.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.search-form{flex-direction:column}.app-header h1{font-size:2rem}.search-container{border-radius:16px;padding:1.5rem}}.tab-nav{justify-content:center;gap:.5rem;margin-bottom:2rem;animation:.6s ease-out fadeIn;display:flex}.tab-nav__btn{color:#94a3b8;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:12px;padding:.75rem 1.75rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.tab-nav__btn:hover{color:#e2e8f0;background:#38bdf81a;border-color:#38bdf84d}.tab-nav__btn--active{color:#f8fafc;background:linear-gradient(135deg,#38bdf833,#818cf833);border-color:#38bdf880;box-shadow:0 0 20px #38bdf826}.excel-search{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;max-width:800px;margin:0 auto;padding:2.5rem;animation:.8s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}.stepper{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.stepper__step{opacity:.4;align-items:center;gap:.5rem;transition:all .4s;display:flex}.stepper__step--active{opacity:1}.stepper__step--done{opacity:.7}.stepper__number{color:#94a3b8;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;transition:all .4s;display:flex}.stepper__step--active .stepper__number{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000;box-shadow:0 0 16px #38bdf866}.stepper__step--done .stepper__number{color:#22c55e;background:#22c55e33;border-color:#22c55e}.stepper__label{color:inherit;font-size:.85rem;font-weight:600}.stepper__line{background:#ffffff1a;width:40px;height:2px;margin:0 .75rem}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #ffffff26;border-radius:20px;padding:3rem 2rem;transition:all .3s;position:relative}.upload-zone:hover{background:#38bdf80d;border-color:#38bdf866}.upload-zone--dragging{background:#38bdf81a;border-color:#38bdf8;transform:scale(1.01);box-shadow:inset 0 0 30px #38bdf81a}.upload-zone--loaded{background:#22c55e0d;border-style:solid;border-color:#22c55e}.upload-zone__input{display:none}.upload-zone__icon{margin-bottom:1rem;font-size:3rem;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-zone__text{color:#94a3b8;margin:0 0 1rem;font-size:1.05rem}.upload-zone__text strong{color:#38bdf8}.upload-zone__filename{color:#f8fafc;word-break:break-all;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.upload-zone__hint{color:#64748b;margin:0;font-size:.85rem}.upload-zone__badge-group{justify-content:center;gap:.5rem;display:flex}.format-badge{color:#64748b;background:#ffffff14;border-radius:6px;padding:.25rem .6rem;font-family:Inter,monospace;font-size:.8rem;font-weight:600}.upload-zone__formats{margin:0}.upload-zone__loaded{animation:.4s ease-out slideUp}.upload-zone__empty{animation:.5s ease-out fadeIn}.column-selector{animation:.5s ease-out slideUp}.column-selector__title{margin-top:0;font-size:1.4rem}.column-selector__desc{color:#94a3b8;margin-bottom:1.5rem}.column-selector__toggle{margin-bottom:1.5rem}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.toggle-checkbox{display:none}.toggle-switch{background:#ffffff26;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:#94a3b8;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-checkbox:checked+.toggle-switch{background:linear-gradient(135deg,#38bdf8,#818cf8)}.toggle-checkbox:checked+.toggle-switch:after{background:#fff;transform:translate(20px)}.toggle-text{color:#cbd5e1;font-size:.9rem;font-weight:500}.column-selector__total{color:#475569;font-size:.8rem}.cell-empty{color:#334155}.column-selector__controls{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.column-selector__field{flex:1;min-width:200px}.column-selector__field label{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.column-selector__select{color:#f8fafc;cursor:pointer;appearance:none;background:#0f172a99 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.column-selector__select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.column-selector__select option{color:#f8fafc;background:#1e293b}.column-selector__preview{margin-top:1.5rem}.column-selector__preview-title{color:#64748b;margin-bottom:.75rem;font-size:.85rem}.table-scroll{border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.preview-table,.part-table{border-collapse:collapse;width:100%;font-size:.9rem}.preview-table th,.part-table .part-table__th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;background:#0f172a80;border-bottom:1px solid #ffffff14;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.preview-table td,.part-table .part-table__td{color:#cbd5e1;border-bottom:1px solid #ffffff0a;padding:.65rem 1rem}.preview-table tbody tr:hover,.part-table__row:hover{background:#38bdf80d}.col-highlight--mpn{background:#38bdf814!important}.col-highlight--qty{background:#a855f714!important}.col-tag{text-transform:uppercase;color:#38bdf8;vertical-align:middle;background:#38bdf833;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.col-tag--qty{color:#a855f7;background:#a855f733}.part-table-container{animation:.5s ease-out slideUp}.part-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.part-table__title{white-space:nowrap;margin:0;font-size:1.3rem}.part-table__count{color:#64748b;margin-left:.5rem;font-size:.85rem;font-weight:400}.part-table__filter{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff26;border-radius:10px;outline:none;min-width:200px;padding:.6rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.part-table__filter::placeholder{color:#475569}.part-table__filter:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.part-table__th--num,.part-table__td--num{text-align:center;color:#475569;width:50px}.part-table__th--qty,.part-table__td--qty{text-align:right;width:100px}.part-table__th--action,.part-table__td--action{text-align:center;width:60px}.part-table__td--mpn{color:#e2e8f0;letter-spacing:.02em;font-family:Inter,monospace;font-weight:600}.part-table__row{cursor:pointer;transition:all .2s}.part-table__row:hover{background:#38bdf814!important}.part-table__row:hover .part-table__td--mpn{color:#38bdf8}.part-table__row:active{background:#38bdf826!important}.part-table__row--clicked{animation:.5s ease-out rowPulse;background:#22c55e1a!important}@keyframes rowPulse{0%{box-shadow:inset 0 0 #22c55e4d}50%{box-shadow:inset 0 0 20px #22c55e33}to{box-shadow:inset 0 0 #22c55e00}}.search-icon{opacity:.3;font-size:.9rem;transition:all .2s}.part-table__row:hover .search-icon{opacity:1;transform:scale(1.2)}.part-table__empty{text-align:center;color:#475569;padding:3rem 1rem;font-size:1rem}.part-table__toast{color:#86efac;background:#22c55e1a;border-left:4px solid #22c55e;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;animation:.3s ease-out slideUp}.btn{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.btn--primary{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px #38bdf880}.btn--primary:active{transform:translateY(1px)}.btn--secondary{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a}.btn--secondary:hover{color:#e2e8f0;background:#ffffff1f}.columns-step__actions,.results-step__actions{justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.error-box{color:#fca5a5;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;animation:.3s ease-out slideUp}.loading-box{color:#94a3b8;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:#38bdf8;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.excel-search{border-radius:16px;padding:1.5rem}.stepper__label{display:none}.stepper__line{width:24px}.column-selector__controls{flex-direction:column}.part-table-header{flex-direction:column;align-items:stretch}.part-table__filter{min-width:unset;width:100%}.columns-step__actions,.results-step__actions{flex-direction:column}.tab-nav__btn{padding:.6rem 1rem;font-size:.9rem}}