html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:border-color .25s,background-color .25s,transform .2s}button:hover{border-color:#646cff;transform:translateY(-1px)}button:focus{outline:4px auto -webkit-focus-ring-color}.signInParent{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1f4b7f,#2972cb);font-family:Segoe UI,Helvetica,Arial,sans-serif}#content{background-color:#fff;padding:35px 40px;border-radius:12px;box-shadow:0 4px 15px #0003;width:360px;position:relative;animation:fadeIn .4s ease-in-out;font-family:Segoe UI,Helvetica,Arial,sans-serif}#header{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:25px;color:#2c3e50;display:flex;flex-direction:column;align-items:center}.headerLogo{width:60px;margin-bottom:10px;background:#1f4b7f;padding:8px;border-radius:8px}.formItem{display:flex;flex-direction:column;margin-bottom:15px;font-family:Segoe UI,Helvetica,Arial,sans-serif}.form-label{font-weight:600;font-size:.95rem;color:#333}.form-control{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;transition:.3s ease;font-family:Segoe UI,Helvetica,Arial,sans-serif}button{padding:10px;border:none;background-color:#2972cb;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s ease;margin-top:5px;font-family:Segoe UI,Helvetica,Arial,sans-serif}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}#signInLogo{margin-top:30px;text-align:center}#signInLogo img{width:120px;opacity:.9;transition:opacity .3s}.status{text-align:center;font-size:.95rem;margin-top:12px;font-weight:500;font-family:Segoe UI,Helvetica,Arial,sans-serif}.status.success{color:#28a745}.status.error{color:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.buttonContainer{width:100%;display:flex;justify-content:center;align-items:center;margin-top:20px;font-family:Segoe UI,Helvetica,Arial,sans-serif}.buttonContainer .btn{padding:10px 24px;font-size:16px;font-weight:500;border-radius:6px;background-color:#2972cb;color:#fff;border:none;cursor:pointer;transition:background .2s ease}button:focus,button:focus-visible,button:active{outline:none!important;box-shadow:none!important}#appStatus{width:80%;position:absolute;text-align:center;bottom:5%;font-weight:300;color:#fff}#appStatus .successStatus{background-color:#82dd55}#appStatus .errorStatus{background-color:#e23636}.spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}#chooser{width:100%;background-color:#1e4db7;display:flex;justify-content:space-evenly;align-items:center;color:#fff;box-shadow:0 4px 12px #0000001a;padding:10px 0;flex-wrap:wrap}#chooser .dropdown{display:flex;flex-direction:column;gap:5px;min-width:150px;margin:5px 10px}#chooser label{font-size:.95rem;font-weight:500;color:#fff}#chooser select{width:100%;padding:8px 10px;font-weight:400;font-family:Roboto,sans-serif;border:none;border-radius:6px;background-color:#f0f4f8;color:#333;cursor:pointer;transition:all .2s ease-in-out}#chooser select:hover{background-color:#e0e8f0}#chooser select:focus{outline:none;box-shadow:0 0 0 2px #ffdd57}.chooserHeader{position:absolute;right:20px;top:10px}.duplicate-chooser #chooser{background-color:#294d8a}.duplicate-chooser{border-radius:8px;background-color:#f7f7f7;padding:5px 0 10px;margin-top:10px;box-shadow:0 2px 8px #00000026}.signOutWrapper{position:relative;display:inline-block}.signOutIcon{background:none;border:none;color:#e5e7eb;cursor:pointer;padding:6px;border-radius:50%;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.signOutIcon:hover{color:#fff;background:#ffffff26;box-shadow:0 0 10px #ffffff40;transform:scale(1.08)}.signOutDropdown{position:absolute;top:110%;right:0;background:#fff;color:#1e3a8a;border-radius:10px;box-shadow:0 6px 15px #00000026;padding:10px 12px;min-width:180px;z-index:100;animation:fadeIn .25s ease}.userInfo{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb;padding-bottom:8px;margin-bottom:8px}.userInfo strong{font-size:.95rem;color:#1e3a8a}.userRole{font-size:.8rem;color:#6b7280}.signOutAction{background:none;border:none;color:#ef4444;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;padding:5px 0;transition:color .2s ease}.signOutAction:hover{color:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.build-content{height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fff9;z-index:999}#webglBuildUpload{width:100%;height:30%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}#webglBuildUpload input{width:50%;border:1px solid #2972cb;border-radius:5px;padding:8px 10px;font-size:14px;transition:border-color .3s ease}#webglBuildUpload input:focus{outline:none;border-color:#1a5db3}.buttonContainer{width:30%;display:flex;justify-content:space-around;align-items:center}.btn{border:none;border-radius:6px;padding:10px 22px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-primary:hover{background-color:#1a5db3;transform:translateY(-2px)}.btn-danger{background-color:#e74c3c!important;color:#fff}.btn-danger:hover{background-color:#c0392b!important;transform:translateY(-2px)}.comparisonWrapper{width:85%;max-height:65vh;overflow-y:auto;border:1px solid #2972cb;border-radius:6px;margin-top:20px;background-color:#fff;font-family:Roboto,sans-serif;font-size:13px;box-shadow:0 2px 6px #00000014}.comparisonWrapper::-webkit-scrollbar{width:8px}.comparisonWrapper::-webkit-scrollbar-thumb{background-color:#c1c7d0;border-radius:10px}.comparisonTitle{text-align:center;font-weight:600;color:#2972cb;border-bottom:2px solid #2972cb;padding:10px 0;background-color:#f1f6fc;margin-bottom:0}.comparisonTable{width:100%;border-collapse:collapse;text-align:center}.comparisonTable th,.comparisonTable td{border:1px solid #d0d7e1;padding:8px 10px}.comparisonTable th{background-color:#f1f6fc;color:#2972cb;font-weight:600;position:sticky;top:0;z-index:5}.comparisonTable tr:nth-child(2n){background-color:#f9fcff}.comparisonTable tr:hover{background-color:#eef6ff}.matchRow{background-color:#e9f7ef!important}.changedRow{background-color:#fff3cd!important}.newRow{background-color:#e3f2fd!important}.deletedRow{background-color:#fdecea!important}.approveContainer{display:flex;justify-content:center;align-items:center;gap:16px;margin:12px 0 16px}.approveContainer .btn{font-weight:600;padding:10px 24px;border-radius:6px;cursor:pointer;border:none;transition:all .25s ease;color:#fff}.approveContainer .btn-success{background-color:#2972cb}.approveContainer .btn-success:hover{background-color:#1a5db3;transform:translateY(-2px)}.approveContainer .btn-danger{background-color:#e74c3c}.approveContainer .btn-danger:hover{background-color:#c0392b;transform:translateY(-2px)}.dashboard{width:75%!important;margin-top:25px;border:1px solid #2972cb;border-radius:6px;background-color:#fff;max-height:65vh;overflow-y:auto;box-shadow:0 2px 6px #00000014;font-family:Roboto,sans-serif;font-size:14px}.dashboard::-webkit-scrollbar-thumb{background-color:#c1c7d0;border-radius:10px}.dashboard .headers{display:grid;grid-template-columns:10% 50% 20% 20%;font-weight:600;background-color:#f1f6fc;color:#2972cb;border-bottom:2px solid #2972cb;position:sticky;top:0;z-index:10;padding:10px 0;text-align:center}.dashboard .tableRow{display:grid;grid-template-columns:10% 50% 20% 20%;align-items:center;padding:10px 0;border-bottom:1px solid #e0e6f0;text-align:center;transition:background-color .2s ease}.dashboard .tableRow:nth-child(2n){background-color:#f9fcff}.dashboard .tableRow:hover{background-color:#eef6ff}.dashboard .isValid img{width:20px;height:20px}.buttonContainer.deploy{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px;position:relative}.buttonContainer.deploy .btn{font-weight:600;padding:10px 26px;border-radius:6px;cursor:pointer;border:none;transition:all .25s ease;color:#fff;box-shadow:0 3px 5px #00000026}.buttonContainer.deploy .btn-primary{background-color:#2972cb}.buttonContainer.deploy .btn-primary:hover{background-color:#1a5db3;transform:translateY(-2px)}.buttonContainer.deploy .btn-secondary{background-color:#b0b8c3;color:#333;cursor:not-allowed}.buttonContainer.deploy .btn-cancel{background-color:#e74c3c}.buttonContainer.deploy .btn-cancel:hover{background-color:#c0392b;transform:translateY(-2px)}.noContent{text-align:center;padding:50px 0;font-size:18px;font-weight:500;color:#444}.validationErrorMsg{color:#dc3545;font-weight:700;text-align:center;margin:10px 0}.uploadStatusDisplayer{width:100%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullScreen{width:80%}.uploadStatusDisplayer .wrapper{border:1px solid #2972cb;border-radius:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loadingBarInImage{position:relative;height:30px;width:300px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.loaderImg{position:absolute;height:7.5px;width:300px}.borderBg{border:1px solid #2972cb}.loadingBarInString{width:300px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.uploadStatusDisplayer{position:fixed!important;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:999999}.uploadStatusDisplayer.fullScreen{width:100vw!important;height:100vh!important}.uploadStatusDisplayer .wrapper{background:#fff;padding:22px;border-radius:10px;border:1px solid #2972cb;display:flex;align-items:center;justify-content:center;flex-direction:column}#webGLProcedureLinkDisplayer{width:100%;background-color:#f8fafc;padding:20px 30px;font-family:Poppins,sans-serif;color:#1f2937;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.prod-button-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.prod-button-group{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;padding:8px 18px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.btn:hover{transform:translateY(-1px);opacity:.9}.btn-secondary{background-color:#6b7280;color:#fff}.btn-danger{background-color:#dc2626;color:#fff}.btn-info{background-color:#2563eb;color:#fff}.btn-success{background-color:#16a34a;color:#fff}.btn-primary{background-color:#1e40af;color:#fff}.prod-copy-message{font-weight:500;font-size:14px;text-align:right;min-width:120px}.prod-copy-message.green{color:#16a34a}.prod-copy-message.red{color:#dc2626}.info-section{flex-shrink:0;margin-bottom:10px}.tableRow{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid #e5e7eb}.key{width:130px;font-weight:600;color:#111827}.value{flex:1;color:#374151}.downloadExcel{flex-shrink:0;margin:12px 0;display:flex;gap:10px;flex-wrap:wrap}select.form-select{padding:6px 10px;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;color:#111827;font-weight:500;font-size:14px;outline:none;width:180px}select.form-select:focus{border-color:#2563eb}.dashboard{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;margin-top:10px;box-sizing:border-box}.dashboard::-webkit-scrollbar{width:8px}.dashboard::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.tableRow.headers{background-color:#1e3a8a;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.dashboard .tableRow{display:grid;grid-template-columns:70px 2fr 1.2fr 1.2fr 3fr;padding:10px 15px;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.dashboard .tableRow:last-child{border-bottom:none}.backgroundGrey{background-color:#f3f4f6}.procedureName{justify-content:flex-start;padding-left:10px}.link-primary{color:#2563eb;cursor:pointer;text-decoration:underline}.link-primary:hover{color:#1d4ed8}.noContent{text-align:center;font-size:15px;font-weight:500;color:#6b7280;margin-top:20px;flex:1;display:flex;align-items:center;justify-content:center}.content{flex:1;display:flex;flex-direction:column;height:calc(100vh - 160px);overflow:hidden}.appbundle-container{width:100%;padding:24px;box-sizing:border-box;display:flex;justify-content:center;background:#f4f7fb;min-height:calc(100vh - 80px)}.appbundle-card{width:1200px;max-width:calc(100% - 48px);background:#fff;border-radius:12px;box-shadow:0 8px 28px #15294a0f;padding:20px;display:flex;flex-direction:column;gap:18px;overflow-x:auto}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-header h2{margin:0;font-size:20px;color:#16304a}.card-header .muted{margin:0;color:#5b6b7a;font-size:13px}.top-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.version-box{background:linear-gradient(180deg,#fbfdff,#f7fbff);border:1px solid #e6eef8;border-radius:10px;padding:12px 14px;min-width:260px;flex:1}.version-box h4{margin:0 0 8px;font-size:14px;color:#16304a}.versions{display:flex;gap:16px;flex-wrap:wrap}.versions div{font-size:14px;color:#2b3f4f;background:#fff;padding:6px 8px;border-radius:6px;border:1px solid #eef6ff;min-width:120px;display:flex;justify-content:space-between;align-items:center}.versions span{color:#6b7d8a;margin-right:6px}.type-box{min-width:160px;flex:0 0 100px;background:#fff;border:1px solid #eef6ff;border-radius:10px;padding:12px}.type-box h4{margin:0 0 8px;font-size:14px;color:#16304a}.type-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.type-chip{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:#26425a;font-weight:600}.type-chip input{display:none}.type-chip.active{background:#e7f0ff;border-color:#cfe1ff;color:#0b62d2}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.file-card{background:#fbfdff;border:1px solid #e9f2ff;padding:14px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.file-card.full-width{grid-column:1 / -1}.file-label{font-size:13px;color:#2b3f4f;font-weight:600}.file-meta{display:flex;justify-content:space-between;align-items:center;color:#5b6b7a;font-size:13px;margin-top:6px}.file-empty{color:#9aa7b4}.actions-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:6px}.notes{flex:1;color:#6b7d8a;font-size:13px}.notes .small{font-size:12px;margin-top:6px;color:#92a3af}.buttons{display:flex;gap:10px;align-items:center}.btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#276cf3;color:#fff;box-shadow:0 6px 18px #276cf324}.btn-secondary{background:#f5f7fb;color:#16304a;border:1px solid #e6eef8}.status-row{min-height:28px;margin-top:8px}.status{padding:10px 12px;border-radius:8px;font-weight:600}.status.error{background:#fff5f6;color:#9b2b2b;border:1px solid #ffd6d9}.status.success{background:#f2fff6;color:#15783a;border:1px solid #d7f4df}.loader-row{display:flex;align-items:center;justify-content:center;height:44px}@media(max-width:980px){.form-grid{grid-template-columns:1fr}.top-row{flex-direction:column;gap:12px}.type-box{width:100%}}.multi-lang-box{margin-top:15px}.multi-lang-toggle{font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.existing-files-box{background:#f8faff;border:1px solid #dce6f9;padding:14px 18px;border-radius:10px;margin-top:12px}.existing-title{font-size:15px;font-weight:600;margin-bottom:10px;color:#2b7cff}.existing-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #e3e9f5;font-size:14px}.existing-row:last-child{border-bottom:none}.file-name{font-family:monospace;background:#eef3ff;padding:3px 6px;border-radius:6px}.drop-box{border:2px dashed #6aa8ff;padding:16px;text-align:center;border-radius:8px;background:#f5f9ff;cursor:pointer;transition:.2s ease;-webkit-user-select:none;user-select:none}.drop-box:hover{background:#e8f2ff}.drop-text{color:#666;font-size:13px}.file-name{font-weight:700;color:#2972cb}.file-card{display:flex;flex-direction:column;gap:6px}.file-preview{display:flex;justify-content:space-between;align-items:center}.clear-btn{border:none;background:#ff4d4d;color:#fff;padding:2px 6px;border-radius:50%;cursor:pointer;font-size:12px}.readWrapperDiv{width:70%;margin:10px auto;border:1px solid #d1d1d1;padding:10px 12px;border-radius:6px;background:#fff;max-height:75vh;overflow-y:auto;overflow-x:hidden}.readRow{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eaeaea}.readRow:last-child{border-bottom:none}.readKey{width:40%;font-size:13px;font-weight:500;color:#444}.readValue{width:60%;font-size:13px;font-weight:400;color:#222;text-align:right}.backgroundGrey{background-color:#f7f7f7}.readTrainingParent{display:flex;flex-direction:column;gap:4px}.readTrainingInnerParent{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}.readTrainingModelDataWrapper{border:1px solid #ddd;background:#fafafa;padding:4px;border-radius:4px;margin:3px 0}.readTrainingModelInnerDataWrapper{display:flex;justify-content:space-between;font-size:12px;padding:1px 0}#read{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.readTitle{font-size:18px;font-weight:600;margin-bottom:10px;text-align:center}#dbManagerContent #create{width:70%;margin:10px auto;background:#fff;border:1px solid #d1d1d1;border-radius:6px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column}.wrapperDiv{max-height:75vh;overflow-y:auto;overflow-x:hidden;padding-right:8px}#dbManagerContent .createRow{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eaeaea;gap:20px}#dbManagerContent .createRow:last-child{border-bottom:none}#dbManagerContent .createKey{width:40%;font-size:14px;font-weight:600;color:#444;display:flex;align-items:center}#dbManagerContent .createValue{width:60%;display:flex;justify-content:flex-end}#dbManagerContent .createValue input:not([type=checkbox]),#dbManagerContent select{width:100%;max-width:260px;padding:6px 8px;font-size:13px;border-radius:4px;border:1px solid #ccc;background:#fff}#dbManagerContent .createValue input:not([type=checkbox]):focus,#dbManagerContent select:focus{border-color:#3a7afe;outline:none}#dbManagerContent .createDropdown{width:100%;max-width:260px}#dbManagerContent .trainingData{width:100%;display:flex;flex-direction:column;max-height:200px;overflow-y:auto;padding-right:5px;border:1px solid #ddd;background:#fafafa;border-radius:4px}#dbManagerContent .trainingDataInnerRow{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #eaeaea}#dbManagerContent .trainingDataInnerRow:last-child{border-bottom:none}#dbManagerContent #buttons{position:sticky;bottom:0;background:#fff;border-top:1px solid #ddd;padding:10px 0 5px;margin-top:10px;display:flex;justify-content:center;gap:20px}#dbManagerContent #submitBut,#dbManagerContent #resetBut{width:140px;padding:8px;font-size:14px;border-radius:5px;font-weight:600}.bottomButtons{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-bottom:20px}.bottomButtons button{width:140px;padding:8px;font-size:14px;border-radius:5px;font-weight:600}.createTitle{text-align:center;font-size:22px;font-weight:600;margin-bottom:15px;margin-top:10px;color:#333}#dbManagerContent #update{width:70%;margin:10px auto;background:#fff;border:1px solid #d1d1d1;border-radius:6px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column}.wrapperDiv,.wrapperDiv.overflowY{max-height:75vh;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-bottom:30px}.updateRow{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eaeaea;gap:20px}.updateRow:last-child{border-bottom:none}.updateKey{width:40%;font-size:14px;font-weight:600;color:#444;display:flex;align-items:center}.updateValue{width:60%;display:flex;justify-content:flex-end}.updateValue input:not([type=checkbox]),.updateValue select{width:100%;max-width:260px;padding:6px 8px;font-size:13px;border-radius:4px;border:1px solid #ccc;background:#fff}.updateValue input:not([type=checkbox]):focus,.updateValue select:focus{border-color:#3a7afe;outline:none}.updateDropdown{width:100%;max-width:260px}.form-check-input{width:40px;height:20px;cursor:pointer}.trainingData{width:100%;display:flex;flex-direction:column;max-height:200px;overflow-y:auto;padding-right:5px;border:1px solid #ddd;background:#fafafa;border-radius:4px}.trainingDataInnerRow{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #eaeaea}.trainingDataInnerRow:last-child{border-bottom:none}.trainingDataInnerRowKey{width:45%;font-size:12px;color:#444}.trainingDataInnerRowValue{width:55%}.trainingDataModel{padding:4px;border:1px solid #dcdcdc;border-radius:4px;background:#fff;margin:3px 0}.trainingDataModelRow{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}#buttons{position:sticky;bottom:0;background:#fff;padding:10px 0 5px;border-top:1px solid #ddd;display:flex;justify-content:center;margin-top:10px}#submitBut{width:140px;padding:8px 10px;font-size:14px;border-radius:5px;font-weight:600}#bottomButtons{display:flex;justify-content:center;margin-top:20px;padding:20px 0;background:#fff}#bottomButtons #submitBut{width:140px;padding:8px 10px;font-size:14px;border-radius:5px;font-weight:600}.updateTitle{text-align:center;font-size:22px;font-weight:600;margin-bottom:15px;margin-top:10px;color:#333}#delete{width:70%;margin:10px auto;background:#fff;border:1px solid #d1d1d1;border-radius:6px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column}#delete #read{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:8px;margin-bottom:10px;border-radius:6px}#deleteBut{position:sticky;bottom:0;background:#fff;padding:10px 0 5px;border-top:1px solid #ddd;display:flex;justify-content:center}#deleteBut button{width:160px;padding:10px;font-size:14px;font-weight:600;border-radius:6px;border:none;background-color:#e23636!important;color:#fff;cursor:pointer}#dbManagerContent{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#status{width:100%;position:absolute;text-align:center;bottom:5%;font-weight:300;color:#fff}#status .successStatus{background-color:#82dd55}#status .errorStatus{background-color:#e23636}.pimg-container{width:100%;padding:24px;background:#f4f7fb;min-height:calc(100vh - 80px);display:flex;justify-content:center;box-sizing:border-box}.pimg-card{width:1000px;max-width:95%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 28px #0000000f;display:flex;flex-direction:column;gap:20px}.pimg-title{margin:0;font-size:20px;color:#16304a;text-align:center}.pimg-drop-wrapper{min-height:200px;overflow-y:auto;background:#fbfdff;border:1px dashed #b8cbe0;border-radius:12px;padding:16px}.pimg-drop-wrapper::-webkit-scrollbar{width:6px}.pimg-drop-wrapper::-webkit-scrollbar-track{background:#ebf1f8;border-radius:10px}.pimg-drop-wrapper::-webkit-scrollbar-thumb{background:#9bb8d6;border-radius:10px}.pimg-actions{display:flex;justify-content:center;gap:14px}.pimg-btn{padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;border:none}.pimg-upload{background:#276cf3;color:#fff}.pimg-reset{background:#eef2f6;color:#16304a}.pimg-status{margin-top:8px;text-align:center;font-size:15px;font-weight:500;color:#2d4a63}.pimg-loader-overlay{position:fixed;inset:0;background:#ffffffc7;display:flex;align-items:center;justify-content:center;z-index:5000}.dzm-wrapper{display:flex;flex-direction:column;gap:18px;width:100%}.dzm-box{border:1.5px dashed #d0d7e2;background:#fafbfd;padding:32px;border-radius:12px;text-align:center;cursor:pointer;transition:all .18s ease-in-out}.dzm-box:hover{border-color:#7fa8ff;background:#f5f8ff;transform:scale(1.01)}.dzm-text{color:#38465a;font-size:15px;font-weight:500;opacity:.9}.dzm-info{display:flex;align-items:center;gap:6px;font-size:14px;color:#4a5568;background:#f4f7fc;padding:8px 12px;border-radius:6px;border:1px solid #e3e8f1;width:fit-content}.dzm-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e1ef;border-radius:10px;overflow:hidden;font-size:14px}.dzm-table th{background:#f5f7fb;padding:12px;text-align:left;font-weight:600;color:#2f3d52;border-bottom:1px solid #e3e8f1}.dzm-table td{padding:10px;color:#4a5568;border-bottom:1px solid #f0f2f6}.dzm-table tr:last-child td{border-bottom:none}.dzm-td-name{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dzm-remove-btn{background:#ff5c5c;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:.15s ease-in-out}.dzm-remove-btn:hover{background:#e84343}.cruFruManagerWrapper{width:75%;margin:25px auto;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}.cruFruTitle{text-align:center;font-weight:600;color:#2972cb;border:1px solid #2972cb;border-bottom:none;border-radius:6px 6px 0 0;padding:12px 0;background-color:#f1f6fc;margin-bottom:0;width:100%;font-size:16px;box-shadow:0 2px 6px #0000000a}.cruFruTableContainer{width:100%;border:1px solid #2972cb;background-color:#fff;border-radius:0 0 6px 6px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;overflow:hidden}.cruFruHeader{display:grid;grid-template-columns:10% 60% 15% 15%;font-weight:600;background-color:#f1f6fc;color:#2972cb;border-bottom:2px solid #2972cb;padding:12px 0;font-size:14px}.cruFruBody{max-height:60vh;overflow-y:auto}.cruFruBody::-webkit-scrollbar{width:8px}.cruFruBody::-webkit-scrollbar-thumb{background-color:#c1c7d0;border-radius:10px}.cruFruRow{display:grid;grid-template-columns:10% 60% 15% 15%;align-items:center;padding:12px 0;border-bottom:1px solid #e0e6f0;font-size:14px;transition:background-color .2s ease}.cruFruRow:nth-child(2n){background-color:#f9fcff}.cruFruRow:hover{background-color:#eef6ff}.cruFruRow:last-child{border-bottom:none}.flexCenter{display:flex;justify-content:center;align-items:center}.flexStart{display:flex;justify-content:flex-start;align-items:center;padding-left:20px}.sNoText{color:#555;font-weight:500}.nameText{color:#222;font-weight:500}.toggleSwitch{width:36px;height:20px;background-color:#d0d7e1;border-radius:20px;border:none;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:inset 0 2px 4px #0000001a;outline:none}.toggleSlider{width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggleSwitch.active{background-color:#2972cb}.toggleSwitch.active .toggleSlider{transform:translate(16px)}.cruFruActionContainer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:25px}.statusText{font-size:14px;color:#e74c3c;font-weight:500;font-family:Roboto,sans-serif}.btn{font-family:Roboto,sans-serif;font-weight:600;padding:10px 28px;border-radius:6px;cursor:pointer;border:none;transition:all .25s ease;font-size:14px;box-shadow:0 3px 5px #00000026}.btn-primary{background-color:#2972cb;color:#fff}.btn-primary:hover{background-color:#1a5db3;transform:translateY(-2px);box-shadow:0 5px 8px #0003}.btn-secondary{background-color:#b0b8c3;color:#fff;cursor:not-allowed;box-shadow:none}.noContent{text-align:center;padding:50px 0;font-size:16px;font-weight:500;color:#444;font-family:Roboto,sans-serif}