:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--ink:#0f172a;--ink-soft:#64748b;--border:#e2e8f0;--surface:#fff;--bg:#f6f7fb;--accent:#4f46e5;--accent-soft:#eef2ff;--green:#16a34a;--green-soft:#ecfdf5;--blue:#2563eb;--blue-soft:#eff6ff;--red:#dc2626;--red-soft:#fef2f2;--yellow:#ca8a04;--yellow-soft:#fefce8;--orange:#ea580c;--orange-soft:#fff7ed;--gray-soft:#f1f5f9;--radius:14px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f}.app{background:var(--bg);height:100vh;color:var(--ink);flex-direction:column;display:flex}.login-page{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;width:100%;max-width:360px;padding:32px;display:flex}.login-card h2{margin:0;font-size:20px}.login-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.login-field input{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:8px;padding:9px 12px;font-size:13px}.login-field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.app-page{background:var(--bg);min-height:0;color:var(--ink);flex-direction:column;flex:1;display:flex}.top-tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:4px;padding:12px 24px 0;display:flex}.top-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600}.top-tab:hover{color:var(--ink)}.top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.registration-page{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow:auto}.registration-page::-webkit-scrollbar{width:10px;height:10px}.registration-page::-webkit-scrollbar-track{background:0 0}.registration-page::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#cbd5e1 padding-box padding-box;border-radius:8px}.registration-page::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.library-page{gap:10px;padding:14px 24px;overflow:hidden}.registration-page h2{margin:0;font-size:19px;font-weight:700}.hint{color:var(--ink-soft);margin:0;font-size:13px}.details-header{justify-content:space-between;align-items:center;display:flex}.alert{border-radius:10px;padding:10px 14px;font-size:13px}.alert-error{background:var(--red-soft);color:var(--red);border:1px solid #fecaca}.entry-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:13px;overflow:hidden}.entry-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 14px;font-size:11.5px}.entry-table td{border-bottom:1px solid var(--border);padding:4px}.entry-table input{width:260px;color:var(--ink);background:0 0;border:none;padding:9px 10px;font-size:13px}.entry-table input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff;border-radius:4px}tr.row-created td{background:var(--green-soft)}tr.row-created input{color:var(--green)}tr.row-created input:focus{outline-color:var(--green)}tr.row-created .row-note{color:var(--green)}tr.row-validation td{background:var(--yellow-soft)}tr.row-validation input{color:var(--yellow)}tr.row-validation input:focus{outline-color:var(--yellow)}tr.row-validation .row-note{color:var(--yellow)}tr.row-batch td{background:var(--orange-soft)}tr.row-batch input{color:var(--orange)}tr.row-batch input:focus{outline-color:var(--orange)}tr.row-batch .row-note{color:var(--orange)}tr.row-exists td{background:var(--red-soft)}tr.row-exists input{color:var(--red)}tr.row-exists input:focus{outline-color:var(--red)}tr.row-exists .row-note{color:var(--red)}.row-note{color:var(--ink-soft);padding:0 10px 6px;font-size:11px}tr.row-dirty td{background:var(--accent-soft)}.status-legend{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.row-created{background:var(--green)}.legend-dot.row-validation{background:var(--yellow)}.legend-dot.row-batch{background:var(--orange)}.legend-dot.row-exists{background:var(--red)}.entry-toolbar{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.modal-overlay{z-index:50;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:90%;max-width:480px;max-height:70vh;padding:24px;overflow:auto}.modal,.option-list,.check-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal::-webkit-scrollbar{width:10px;height:10px}.option-list::-webkit-scrollbar{width:10px;height:10px}.check-list::-webkit-scrollbar{width:10px;height:10px}.modal::-webkit-scrollbar-track{background:0 0}.option-list::-webkit-scrollbar-track{background:0 0}.check-list::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#cbd5e1 padding-box padding-box;border-radius:8px}.option-list::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#cbd5e1 padding-box padding-box;border-radius:8px}.check-list::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#cbd5e1 padding-box padding-box;border-radius:8px}.modal::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.option-list::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.check-list::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.loading-overlay{z-index:60}.loading-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:14px;padding:32px 40px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--ink-soft);font-size:13px;font-weight:500}.modal h3{margin:0 0 8px;font-size:16px}.duplicate-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.duplicate-list li{background:var(--red-soft);border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:13px}.unauthorized-list li{background:var(--orange-soft);color:var(--orange);border:1px solid #fed7aa}.option-list{flex-direction:column;gap:6px;max-height:360px;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow-y:auto}.option-list li{background:var(--gray-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex}.option-list li.option-dirty{background:var(--accent-soft);border-color:var(--accent)}.option-list li input{background:0 0;border:none;flex:1;padding:6px 4px;font-size:13px}.option-list li input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff;border-radius:4px}.option-remove-btn{white-space:nowrap;flex-shrink:0}.option-add-row{align-items:center;gap:8px;margin-top:4px;display:flex}.option-add-row input{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;flex:1;padding:9px 12px;font-size:13px}.option-add-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.check-list-card{border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden}.check-list-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:9px 12px;display:flex}.check-list-row:last-child{border-bottom:none}.check-list-header{background:var(--gray-soft);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);cursor:default;font-size:11.5px;font-weight:600}.check-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.check-list .check-list-row:hover{background:var(--gray-soft)}.check-list .check-list-row-static{cursor:default}.check-list .check-list-row-static:hover{background:0 0}.check-list .check-list-row-checked{background:var(--accent-soft)}.check-list-checkbox-cell{flex:0 0 20px;align-items:center;display:flex}.check-list-mpn{text-overflow:ellipsis;white-space:nowrap;flex:0 0 170px;font-size:13px;font-weight:500;overflow:hidden}.check-list-title{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.modal-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-footer-buttons{gap:8px;display:flex}.dup-detail{color:var(--ink-soft);margin-top:2px;font-size:12px}table.grid select{appearance:none;box-sizing:border-box;width:100%;color:var(--ink);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:none;padding:9px 26px 9px 14px;font-family:inherit;font-size:13px;transition:background-color .15s}table.grid select:hover:not(:disabled){background-color:var(--gray-soft)}table.grid select:disabled{cursor:not-allowed;opacity:.55;background-image:none}table.grid select:focus{outline:2px solid var(--accent);outline-offset:-2px;background-color:#fff;border-radius:4px}.grid-select-trigger{all:unset;box-sizing:border-box;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding:9px 26px 9px 14px;font-family:inherit;font-size:13px;transition:background-color .15s;display:block;overflow:hidden}.grid-select-value{text-overflow:ellipsis;display:block;overflow:hidden}.grid-select-trigger:hover:not(:disabled){background-color:var(--gray-soft)}.grid-select-trigger:disabled{cursor:not-allowed;opacity:.55;background-image:none}.grid-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background-color:#fff;border-radius:4px}.grid-select-menu{z-index:60;background:var(--surface);border:1px solid var(--border);max-height:280px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-radius:10px;margin:0;padding:4px;font-size:13px;list-style:none;position:fixed;overflow-y:auto}.grid-select-menu::-webkit-scrollbar{width:10px}.grid-select-menu::-webkit-scrollbar-track{background:0 0}.grid-select-menu::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#cbd5e1 padding-box padding-box;border-radius:8px}.grid-select-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.grid-select-option{cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:6px;padding:7px 10px}.grid-select-option:hover{background:var(--gray-soft)}.grid-select-option-active{background:var(--accent-soft);color:var(--accent);font-weight:600}table.grid th.col-wide,table.grid td.col-wide{min-width:260px}table.grid th.col-extra-wide,table.grid td.col-extra-wide{min-width:420px}.demo-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 24px;font-size:13px}.demo-banner code{background:#92400e1a;border-radius:4px;padding:1px 6px;font-size:12px}.topbar{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700}.brand-sub{color:var(--ink-soft);margin:0;font-size:12.5px}.stat-pills-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-pills{gap:10px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);min-width:66px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:flex-end;padding:8px 14px;display:flex}.pill-value{font-size:17px;font-weight:700;line-height:1.1}.pill-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:10.5px}.pill-green .pill-value{color:var(--green)}.pill-blue .pill-value{color:var(--blue)}.pill-red .pill-value{color:var(--red)}.pill-clickable{font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.pill-clickable:hover{border-color:var(--accent)}.pill-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.alert-info{background:var(--blue-soft);color:var(--blue);border:1px solid #bfdbfe}.toolbar{justify-content:space-between;align-items:center;gap:16px;padding:0 24px 16px;display:flex}.search-wrap{flex:1;max-width:420px;position:relative}.search-input{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:10px;padding:9px 12px;font-size:13px}.search-input:focus{border-color:var(--accent);outline:none}.toolbar-actions{gap:8px;display:flex}.btn{background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s}.btn:hover:not(:disabled){background:var(--gray-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-green{background:var(--green);border-color:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-small{box-shadow:none;border-radius:7px;padding:5px 10px;font-size:12px}.btn-icon{width:30px;height:30px;color:var(--red);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon svg{width:15px;height:15px;display:block}.btn-icon-lock{color:var(--ink-soft)}.btn-icon-lock:hover{color:var(--ink)}.btn-icon-lock.btn-icon-unlocked{color:var(--orange)}.btn-icon-lock.btn-icon-unlocked:hover{color:#c2410c}.grid-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:280px;box-shadow:var(--shadow);flex-direction:column;flex:1;margin:0 24px 12px;display:flex;overflow:hidden}.grid-card-actions{border-bottom:1px solid var(--border);background:var(--gray-soft);flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.grid-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;overflow:auto}.grid-scroll::-webkit-scrollbar{width:10px;height:10px}.grid-scroll::-webkit-scrollbar-track{background:0 0}.grid-scroll::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#cbd5e1 padding-box padding-box;border-radius:8px}.grid-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.grid-scroll::-webkit-scrollbar-corner{background:0 0}.grid-pagination{border-top:1px solid var(--border);background:var(--gray-soft);color:var(--ink-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.grid-pagination-controls{align-items:center;gap:10px;display:flex}.grid-pagination-page{font-variant-numeric:tabular-nums;white-space:nowrap}table.grid{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:13px}table.grid th,table.grid td{border-bottom:1px solid var(--border);background:var(--surface);border-right:1px solid #eef0f4;padding:0;transition:background .1s}table.grid tbody tr:nth-child(2n) td{background:#fbfcfe}table.grid th{text-align:left;z-index:2;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:2px solid var(--border);background:#f8fafc;padding:0;font-size:11px;font-weight:700;position:sticky;top:0}table.grid.grid-resizable{table-layout:fixed}table.grid.grid-resizable th,table.grid.grid-resizable td{text-overflow:ellipsis;overflow:hidden}.col-resize-handle{cursor:col-resize;z-index:3;width:6px;transition:background .1s;position:absolute;top:0;bottom:0;right:0}.col-resize-handle:hover,.col-resize-handle:active{background:var(--accent);opacity:.5}.th-content{justify-content:space-between;align-items:center;gap:6px;padding:11px 8px 11px 14px;display:flex}.pin-btn{cursor:pointer;opacity:0;filter:grayscale();background:0 0;border:none;padding:2px;font-size:12px;line-height:1;transition:opacity .1s}th:hover .pin-btn{opacity:.55}.pin-btn.pinned{opacity:1;filter:none}th:hover .pin-btn.pinned{opacity:1}.manage-btn{border:1px solid var(--border);background:var(--surface);color:var(--accent);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.manage-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.manage-btn svg{width:14px;height:14px}table.grid th.frozen,table.grid td.frozen{z-index:1;position:sticky}table.grid th.frozen{z-index:3;background:#f8fafc}table.grid th.frozen-edge,table.grid td.frozen-edge{box-shadow:2px 0 4px -2px #0f172a26}table.grid tbody tr:hover td{background:#eef2f9}table.grid tbody tr:hover td.frozen{background:#e5eaf5}tr.dirty td{background:#fffbeb}tr.dirty td.frozen{background:#fef3c7}tr.locked td{background:#f8fafc}tr.locked td.frozen{background:#f1f5f9}table.grid td.cell-missing{background:#fef9c3}table.grid tbody tr:hover td.cell-missing{background:#fef08a}.lock-col{text-align:center;width:44px;min-width:44px}.lock-btn{cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px;line-height:1}.cell-readonly{color:var(--ink-soft);padding:9px 14px;display:block}.cell-link{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;padding:9px 14px;text-decoration:none;display:block;overflow:hidden}.cell-link:hover{color:#4338ca}.cell-action{align-items:center;gap:8px;padding:6px 14px;display:flex}.um-grid-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);box-sizing:border-box;flex-shrink:0;width:100%;overflow:auto visible}.um-grid{font-size:13px;display:grid}.um-row{display:contents}.um-cell{border-bottom:1px solid var(--border);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #f1f2f5;align-items:center;padding:9px 14px;display:flex;overflow:hidden}.um-row:last-child .um-cell{border-bottom:none}.um-cell:last-child{border-right:none}.um-cell-head{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);z-index:2;background:#fafbfc;font-size:11.5px;font-weight:600;position:sticky;top:0}.um-cell-center{justify-content:center}.um-cell-actions{gap:8px}.um-row:hover:not(.um-row-head) .um-cell{background:#f8fafc}.um-row-dirty .um-cell{background:var(--accent-soft)}.um-row-new .um-cell{background:var(--accent-soft);border-top:1px dashed var(--accent);z-index:2;position:sticky;bottom:0}.um-checkbox{cursor:pointer;width:16px;height:16px}.um-input,.um-select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:7px 10px;font-size:13px}.um-input:focus,.um-select:focus{outline:2px solid var(--accent);outline-offset:-1px;background:#fff}.um-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:30px;transition:background-color .15s}.um-select:hover:not(:disabled){background-color:var(--gray-soft)}.um-select:disabled{cursor:not-allowed;opacity:.55;background-image:none}.um-inline-action{align-items:center;gap:8px;display:flex}.um-password-field{align-items:center;min-width:160px;display:flex;position:relative}.um-password-field .um-input{padding-right:34px}.um-password-toggle{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:4px}.um-password-toggle:hover{color:var(--ink)}.um-password-toggle svg{width:15px;height:15px}table.grid input{box-sizing:border-box;width:100%;color:var(--ink);background:0 0;border:none;padding:9px 14px;font-size:13px}table.grid input:hover{background:#f8fafc}table.grid input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff;border-radius:4px}.cell-badge-wrap{padding:6px 14px}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-soft);color:var(--green)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-gray{background:var(--gray-soft);color:var(--ink-soft)}.badge-disabled{opacity:.6}.footer-note{color:var(--ink-soft);padding:0 24px 16px;font-size:12px}