:root{--emj-blue: #4a6670;--emj-blue-dark: #3a545d;--emj-blue-light: #5a7680;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--black: #000000;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--gray-900);background-color:var(--gray-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}a{color:var(--emj-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--emj-blue-dark)}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;font-weight:500;transition:all .2s ease}input{font-family:inherit;border:1px solid var(--gray-300);border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--emj-blue);box-shadow:0 0 0 3px #4a66701a}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}th{font-weight:600;color:var(--gray-700);background-color:var(--gray-50);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}td{color:var(--gray-800)}tr:hover td{background-color:var(--gray-50)}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid var(--gray-200);padding:0 1.5rem;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.logo-container{display:flex;align-items:center;gap:.75rem}.logo{height:36px;width:auto}.logo-text{font-size:1.125rem;font-weight:600;color:var(--emj-blue)}.logo-text-btn{font-size:1.125rem;font-weight:600;color:var(--emj-blue);background:none;border:none;cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:6px;transition:background .2s,color .2s}.logo-text-btn:hover{background:var(--gray-100);color:var(--emj-blue-dark, #3a5560)}.user-info{display:flex;align-items:center;gap:1rem}.vendor-name{font-size:.875rem;color:var(--gray-600);font-weight:500}.user-display{font-size:.875rem;color:var(--gray-600)}.user-display strong{color:var(--gray-800);font-weight:600}.btn-logout{padding:.5rem 1rem;background:transparent;border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-600);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800)}.main{flex:1;padding:2rem 1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-dismiss{background:none;border:none;color:#991b1b;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--emj-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{height:48px;margin-bottom:1.5rem}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.login-header p{color:var(--gray-600);font-size:.875rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-group input{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--emj-blue);box-shadow:0 0 0 3px #4a66701a}.form-group input::placeholder{color:var(--gray-400)}.btn-primary{background:var(--emj-blue);color:#fff;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--emj-blue-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{font-size:.875rem;color:var(--gray-500);margin:0}.btn-link{background:none;border:none;color:var(--emj-blue);font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;font-weight:500}.btn-link:hover{color:var(--emj-blue-dark)}.warning-text{color:#d97706;font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.success-message{text-align:center;padding:1.5rem 0}.success-message p{color:#059669;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px}.dashboard,.po-detail,.bom-detail{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.page-header p{color:var(--gray-600);margin:0}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--emj-blue);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s}.btn-back:hover{color:var(--emj-blue-dark)}.po-meta,.bom-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.75rem;font-size:.875rem;color:var(--gray-600)}.item-info strong{color:var(--gray-900)}.section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.section h2{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 1rem}.bom-revision{border:1px solid var(--gray-200)}.revision-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.revision-header h2{margin-bottom:.5rem}.revision-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.813rem;color:var(--gray-500)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--gray-50)}th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--gray-200);white-space:nowrap}td{padding:.875rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.po-number,.item-name,.component-name{font-weight:600;color:var(--gray-900)}.component-display{display:block;font-size:.75rem;color:var(--gray-500);font-weight:400;margin-top:.25rem}.amount,.rate{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;text-align:right}.quantity{text-align:center}.quantity-received{text-align:center;font-weight:500}.quantity-received.partially-received{color:#d97706;background:#fef3c7;border-radius:4px;padding:.25rem .5rem}.quantity-received.fully-received{color:#059669;background:#d1fae5;border-radius:4px;padding:.25rem .5rem}.line-number{color:var(--gray-400);text-align:center;width:50px}.description{color:var(--gray-500);max-width:300px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-b,.status-pending{background:#fef3c7;color:#92400e}.status-d,.status-partial{background:#dbeafe;color:#1e40af}.status-e{background:#e0e7ff;color:#3730a3}.status-f{background:#dcfce7;color:#166534}.source-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.source-stock{background:var(--gray-100);color:var(--gray-600)}.source-purchase{background:#dbeafe;color:#1e40af}.source-work_order,.source-work{background:#fef3c7;color:#92400e}.source-phantom{background:#f3e8ff;color:#6b21a8}.btn-secondary{padding:.5rem 1rem;background:#fff;border:1px solid var(--emj-blue);border-radius:6px;color:var(--emj-blue);font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--emj-blue);color:#fff}.btn-bom{padding:.375rem .75rem;background:var(--emj-blue-light);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-bom:hover{background:var(--emj-blue)}.no-bom{color:var(--gray-400);font-size:.75rem;font-style:italic}.bom-preview-container{position:static;display:inline-block}.bom-preview-popover{position:fixed;width:320px;background:#fff;border-radius:10px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;z-index:9999;animation:popoverFadeIn .15s ease-out}.bom-preview-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(calc(-100% + 4px))}to{opacity:1;transform:translateY(-100%)}}.bom-preview-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);font-weight:600;font-size:.8125rem;color:var(--gray-700)}.bom-preview-header svg{color:var(--emj-blue)}.bom-preview-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--gray-500);font-size:.8125rem}.bom-preview-loading .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bom-preview-error,.bom-preview-empty{padding:1rem;text-align:center;color:var(--gray-500);font-size:.8125rem}.bom-preview-list{max-height:250px;overflow-y:auto;border-radius:0 0 10px 10px}.bom-preview-list table{width:100%;border-collapse:collapse}.bom-preview-list th{position:sticky;top:0;background:var(--gray-50);padding:.5rem .75rem;text-align:left;font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.bom-preview-list th:last-child{text-align:right;width:50px}.bom-preview-list td{padding:.5rem .75rem;border-top:1px solid var(--gray-100);font-size:.8125rem}.bom-preview-list .component-name{display:flex;flex-direction:column;gap:.125rem}.bom-preview-list .component-sku{font-weight:500;color:var(--gray-800);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.75rem}.bom-preview-list .component-desc{font-size:.6875rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.bom-preview-list .component-qty{text-align:right;font-weight:500;color:var(--gray-700)}.bom-preview-more{padding:.5rem .75rem;text-align:center;font-size:.75rem;color:var(--gray-500);background:var(--gray-50);border-top:1px solid var(--gray-100);border-radius:0 0 10px 10px}.empty-state{text-align:center;padding:3rem 1.5rem;background:var(--gray-50);border-radius:12px}.empty-state h2{font-size:1.125rem;color:var(--gray-700);margin:0 0 .5rem}.empty-state p{color:var(--gray-500);margin:0}.footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1.5rem;text-align:center;margin-top:auto}.footer p{margin:0;font-size:.75rem;color:var(--gray-500)}.footer .sync-info{margin-top:.25rem;font-size:.688rem;color:var(--gray-400)}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{padding:.875rem 1.5rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:8px;margin-right:.5rem;font-size:.9375rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--gray-200);color:var(--gray-800)}.tab-btn.active{background:var(--emj-blue);border-color:var(--emj-blue);color:#fff}.bom-browser{animation:fadeIn .3s ease}.bom-stats{display:flex;gap:1.5rem;margin-top:.75rem}.bom-stats .stat{font-size:.875rem;color:var(--gray-600)}.bom-stats .stat strong{color:var(--emj-blue);font-weight:600}.search-form{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--emj-blue);box-shadow:0 0 0 3px #4a66701a}.btn-search{padding:.75rem 1.5rem;background:var(--emj-blue);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-search:hover{background:var(--emj-blue-dark)}.btn-refresh{padding:.75rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-refresh:hover{background:var(--gray-200);color:var(--gray-800)}.bom-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.bom-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.bom-table th.sortable:hover{background:var(--gray-100)}.bom-table th.sortable svg{display:inline-block;vertical-align:middle;margin-left:.25rem}.bom-table .sku-cell{font-weight:600;color:var(--gray-900);font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.bom-table .desc-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-table .revision-cell{text-align:center}.revision-badge{display:inline-block;padding:.25rem .625rem;background:var(--emj-blue-light);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.bom-table .count-cell{text-align:center;font-weight:500}.btn-view{padding:.375rem .875rem;background:#fff;border:1px solid var(--emj-blue);border-radius:6px;color:var(--emj-blue);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-view:hover{background:var(--emj-blue);color:#fff}.bom-detail-view{animation:fadeIn .3s ease}.bom-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.bom-info h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.bom-info p{color:var(--gray-600);margin:0 0 .75rem}.bom-meta-row{display:flex;gap:1.5rem;font-size:.875rem;color:var(--gray-500)}.bom-meta-row strong{color:var(--gray-700)}.bom-actions{display:flex;gap:.75rem}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.bom-summary-cards{display:flex;gap:1rem;margin-bottom:1.5rem}.summary-card{flex:1;max-width:200px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.8125rem;color:var(--gray-500);font-weight:500}.summary-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.bom-tree-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.tree-header{display:grid;grid-template-columns:28px 28px 140px 1fr 70px 100px 100px 80px;gap:.5rem;padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.tree-body{max-height:500px;overflow-y:auto}.tree-row{display:grid;grid-template-columns:28px 28px 140px 1fr 70px 100px 100px 80px;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--gray-100);align-items:center;font-size:.875rem;transition:background .15s}.tree-row:hover{background:var(--gray-50)}.tree-root{background:#4a66700d;font-weight:500}.tree-root:hover{background:#4a667014}.tree-toggle{background:none;border:none;padding:0;cursor:pointer;color:var(--gray-400);display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:color .2s}.tree-toggle:hover:not(:disabled){color:var(--gray-700)}.tree-toggle:disabled{cursor:default}.tree-spacer{width:16px;display:inline-block}.tree-icon{display:flex;align-items:center;justify-content:center}.tree-icon.icon-assembly{color:var(--emj-blue)}.tree-icon.icon-component{color:var(--gray-400)}.tree-sku{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--gray-900)}.tree-name{color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-qty{text-align:center;font-weight:500}.tree-cost,.tree-extended{text-align:right;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.8125rem}.tree-source{text-align:center}.tree-source.source-stock{background:var(--gray-100);color:var(--gray-600);padding:.125rem .375rem;border-radius:3px;font-size:.6875rem;font-weight:600}.tree-source.source-assembly{background:#4a66701a;color:var(--emj-blue);padding:.125rem .375rem;border-radius:3px;font-size:.6875rem;font-weight:600}.tree-source.source-purchase{background:#dbeafe;color:#1e40af;padding:.125rem .375rem;border-radius:3px;font-size:.6875rem;font-weight:600}.item-details-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;margin-bottom:1.5rem}.item-details-section h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 1rem}.item-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.detail-value{font-size:.9375rem;color:var(--gray-800)}.bom-memo-section{background:#fffbeb;border-radius:12px;border:1px solid #fde68a;padding:1.25rem;margin-bottom:1.5rem}.bom-memo-section h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 .75rem}.bom-memo-text{font-size:.9375rem;color:var(--gray-700);line-height:1.5;margin:0;white-space:pre-wrap}.bom-revisions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.bom-revisions-section h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 1rem}.revisions-list{display:flex;flex-direction:column;gap:.5rem}.revision-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:var(--gray-50);border-radius:8px;border:1px solid transparent;font-size:.875rem;width:100%;text-align:left;cursor:pointer;transition:all .2s}.revision-item:hover:not(.active):not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.revision-item.active{background:#4a667014;border-color:var(--emj-blue);cursor:default}.revision-item .rev-name{font-weight:600;color:var(--gray-800);min-width:100px}.revision-item .rev-date{color:var(--gray-500);min-width:120px}.revision-item .rev-components{color:var(--gray-500)}.empty-state svg{color:var(--gray-300);margin-bottom:1rem}@media(max-width:768px){.header-content{flex-direction:column;height:auto;padding:1rem 0;gap:.75rem}.user-info{width:100%;justify-content:space-between}.main{padding:1rem}.login-card{padding:1.5rem}.page-header h1{font-size:1.5rem}.po-meta,.bom-meta{flex-direction:column;align-items:flex-start;gap:.5rem}table{font-size:.813rem}th,td{padding:.625rem .75rem}.section{padding:1rem}}@media(max-width:480px){.logo-text{display:none}.btn-secondary,.btn-bom{padding:.375rem .625rem;font-size:.75rem}}