.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#242424}.login-container h1{color:#fff;margin-bottom:2rem;font-size:2.5rem}.login-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0003;width:90%;max-width:360px;display:flex;flex-direction:column;align-items:center}.login-form .form-group{margin-bottom:1.5rem;margin-right:1rem;width:100%}.login-form label{color:#1a1a1a;display:block;margin-bottom:.5rem;font-weight:500;text-align:left}.login-form input{width:100%;padding:.75rem;border:1px solid #cccccc;border-radius:12px;font-size:1rem;color:#fff}.login-form button{max-width:200px;margin:1rem auto 0;padding:.5rem 1rem;background-color:#646cff;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.login-form button:hover{background-color:#535bf2}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.login-form button[type=submit]{width:auto;margin-top:1.5rem}.sso-login-container{margin-top:20px;width:100%}.separator{display:flex;align-items:center;text-align:center;margin:20px 0}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid #ccc}.separator span{padding:0 10px;font-size:.9em;color:#777}.sso-button{background-color:#4285f4;color:#fff;width:100%;padding:12px;border:none;border-radius:4px;cursor:pointer;font-weight:700;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.sso-button:hover{background-color:#3367d6}.sso-button:disabled{background-color:#ccc;cursor:not-allowed}.progress-container{margin:20px 0;padding:20px;border-radius:8px;background-color:#f5f5f5;text-align:center}.progress-container h2{margin-bottom:15px;color:#333;font-size:1.2em}.progress-bar-container{width:100%;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;margin:10px 0}.progress-text{margin:10px 0;color:#666}.download-container{width:100%;margin-top:20px;padding:15px;border-radius:8px;background-color:#e8f5e9}.download-container h3{color:#2e7d32;margin-bottom:10px}.download-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;margin-top:10px;transition:background-color .3s}.progress-container .cancel-button,button.cancel-button,.main-container button.cancel-button{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;margin-top:10px;transition:background-color .3s}.progress-container .cancel-button:hover,button.cancel-button:hover,.main-container button.cancel-button:hover{background-color:#d32f2f}.progress-container .cancel-button:disabled,button.cancel-button:disabled,.main-container button.cancel-button:disabled{background-color:#e57373;cursor:not-allowed}.column-mapping-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;width:100%}.column-mapping-container h3{margin:0 0 15px;color:#333}.column-mapping-container p{margin-bottom:20px;color:#666}.mapping-layout{direction:flex;gap:30px;margin-bottom:30px}.data-section{flex:1;display:flex;flex-direction:column;gap:20px}.data-preview-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.mapping-options{background:#f8f9fa;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.option-item{margin-bottom:10px}.option-item:last-child{margin-bottom:0}.option-item label{display:flex;align-items:center;gap:8px;color:#333;font-weight:500;cursor:pointer}.option-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.mapping-controls{flex:0 0 400px;padding:20px;background:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:20px}.mapping-controls h4{margin:0;color:#333}.mapping-item{margin-bottom:15px}.mapping-item label{display:block;margin-bottom:5px;color:#555;font-weight:500}.mapping-item select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;color:#333}.mapping-item select.error{border-color:#dc3545;background-color:#fff8f8}.mapping-item .error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem}.mapped-preview{flex:1}.table-container{overflow-x:auto;border:1px solid #eee;color:"black";border-radius:4px;max-height:300px;max-width:100%;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:1}.data-table td{padding:10px;border-bottom:1px solid #eee;color:#555}.data-table tr:hover td{background-color:#f8f9fa}.mapping-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.confirm-button{padding:8px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:#fff;border:1px solid #ddd;color:#666}.confirm-button{background:#007bff;border:1px solid #0056b3;color:#fff}.cancel-button:hover{background:#f8f9fa}.confirm-button:hover{background:#0056b3}@media (max-width: 1200px){.mapping-controls{flex:none;width:100%}}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#999}.checkbox-label{display:flex;align-items:center;gap:8px;margin-top:1rem;color:#333;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.preview-container{background-color:#fff;padding:2rem;border-radius:8px;width:80%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0003}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#000}.preview-image-container{display:flex;justify-content:center;align-items:center;margin:20px 0;min-height:300px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.preview-loading .circular-progress{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.preview-error{color:#dc3545;text-align:center;padding:20px}.preview-image{max-width:100%;height:auto;border-radius:4px}.preview-details{margin:20px 0;padding:15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px}.preview-details p{margin:5px 0;color:#333}.preview-close-btn{display:block;margin:20px auto 0;padding:10px 20px;background-color:#cf2a17;border:1px solid #000000;border-radius:4px;cursor:pointer;font-size:16px}.preview-close-btn:hover{background-color:#882626}.fileform-page{margin:0;padding:0;background-color:#333;color:#fff;box-sizing:border-box}.fileform-page *,.fileform-page *:before,.fileform-page *:after{box-sizing:border-box}.main-container{display:flex;justify-content:center;min-height:75vh;margin-left:auto;margin-right:auto;margin-bottom:45px;gap:4rem;background-color:#333;align-items:flex-start;width:100%;box-sizing:border-box}.main-container.with-status{flex-direction:row;justify-content:center;padding:0 20px;max-width:1200px;margin:0 auto}.main-container form{flex:0 1 600px;transition:margin .3s ease;margin:0;padding:30px 45px;background-color:#444;width:100%;max-width:600px;box-sizing:border-box;border-radius:10px}.column-mapping-container{width:100%;max-width:800px;margin:2rem auto;padding:1rem}.status-container{flex:0 1 500px;min-height:200px;display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box}.main-container label{margin-bottom:.5rem;font-weight:700;color:#fff}.main-container input,.main-container select,.main-container input[type=file]{width:100%;max-width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;color:#000;box-sizing:border-box;overflow:hidden}.main-container input:focus,.main-container select:focus{outline:2px solid #4a6fb0;border-color:#4a6fb0}.main-container button{margin-top:1rem;padding:10px 20px;background-color:#4a6fb0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.main-container button:hover:not(:disabled){background-color:#3a5c96}.main-container button:disabled{background-color:#666;color:#fff;cursor:not-allowed}.progress-container{max-width:600px;margin-top:0;padding:1rem;border-radius:8px;background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a;color:#333}.progress-container h2{color:#333;margin-bottom:1rem}.progress-bar-container{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}.progress-text{text-align:center;color:#333;margin:.5rem 0;line-height:1.5}.download-container{width:100%;margin-top:0;padding:1rem;border-radius:8px;background-color:#e8f5e9;box-shadow:0 2px 4px #0000001a;color:#333}.download-container h3{color:#333;margin-bottom:.5rem}.download-container p{color:#333;margin-bottom:1rem}.download-button{background-color:#4caf50;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .3s ease}.download-button:hover{background-color:#45a049}.download-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}@media (max-width: 986px){.main-container,.main-container.with-status{flex-direction:column;align-items:center;gap:2rem;padding:0 20px}.main-container.with-status form{margin:0 auto}.main-container form,.status-container{width:100%;max-width:600px}.main-container .error-container{width:100%;max-width:600px;margin:0 auto 20px}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-form{background:#f5f5f5;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}.error-container{width:100%;max-width:600px;margin:20px 0;padding:12px;border-radius:4px;background-color:#ffcdd2;border:1px solid #ffcdd2;max-height:400px}.error-message{background-color:#ffcdd2;color:#d32f2f;font-size:.9rem}.error-message h4{margin:0 0 8px;color:#c62828;font-size:1rem}.error-message p{margin:8px 0;color:#d32f2f;font-size:.9rem}.error-message ul{margin:8px 0}.table-title{color:#000}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.logout-button{background-color:#dc3545;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.login-form .form-group{margin-bottom:1.5rem}.login-form button[type=submit]{width:100%;margin-top:1.5rem}@media (prefers-color-scheme: dark){.main-container{background-color:#333;color:#fff}.main-container form{background-color:#444;color:#fff}.main-container input,.main-container select{background-color:#fff;color:#000;border-color:#ccc}.main-container label{color:#fff}.progress-container,.download-container{background-color:#424242;color:#fff}.progress-text,.progress-container h2,.download-container h3,.download-container p{color:#fff}}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{margin-right:8px;cursor:pointer;width:16px;height:16px}.info-icon{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:8px;border-radius:50%;background-color:#4a6fb0;color:#fff;font-size:12px;font-weight:700;margin-left:8px;cursor:pointer;position:relative}.tooltip{position:fixed;z-index:9999;background-color:#333;color:#fff;width:300px;padding:12px;border-radius:4px;font-size:.8rem;line-height:1.4;box-shadow:0 2px 5px #0000004d;white-space:pre-wrap;display:none;text-align:left;font-weight:400}.info-icon:hover .tooltip{display:block}.tooltip:after{content:"";position:absolute;top:50%;left:var(--arrow-left, 0);margin-top:-5px;border-width:5px;border-style:solid;border-color:var(--arrow-border-color, transparent #333 transparent transparent);transform:translate(-100%)}.toggle-container{display:flex;align-items:center}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem;align-items:center}.radio-label{display:flex;align-items:center;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem}.radio-label input[type=radio]{width:auto;margin-right:.5rem;cursor:pointer}.switch-container{display:flex;align-items:center;margin-top:.25rem}.switch-label{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:700;cursor:pointer;color:#fff}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#4a6fb0}.switch input:focus+.slider{box-shadow:0 0 1px #4a6fb0}.switch input:checked+.slider:before{transform:translate(26px)}.format-name-select{margin-top:.25rem}.main-container .error-container{flex:0 1 500px;align-self:flex-start}.main-container.with-status .error-container{order:2}@media (max-width: 986px){.main-container .error-container{width:100%;max-width:400px;margin:0 auto 20px}}.buttons-container{display:flex;justify-content:space-between;gap:15px;margin-top:20px;width:100%}.preview-button{margin-right:auto;background-color:#fff;border:1px solid #4a6fb0;color:#4a6fb0;flex:0 1 auto;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s,border-color .2s}.submit-button{margin-left:auto;background-color:#4a6fb0;border:none;color:#fff;flex:0 1 auto;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.preview-button:hover:not(:disabled){background-color:#f0f4ff;border-color:#3a5c96}.submit-button:hover:not(:disabled){background-color:#3a5c96}.submit-button:disabled{background-color:#666;cursor:not-allowed}.preview-button:disabled{background-color:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed}.enhancement-container{max-width:1200px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.enhancement-header{text-align:center;margin-bottom:30px;width:100%}.enhancement-header h1{font-size:2.2rem;margin-bottom:10px;color:#fff}.enhancement-header .subheader{font-size:1.1rem;color:#ccc;max-width:700px;margin:0 auto;line-height:1.5}.enhancement-form-container{background-color:#444;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000004d;width:100%;margin:25px auto;box-sizing:border-box}.enhancement-form{width:100%;background-color:#444;display:flex;flex-direction:column;align-items:stretch;border-radius:8px;margin:0;padding:0;box-sizing:border-box}.enhancement-form-row{width:100%;display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;box-sizing:border-box;padding:0;justify-content:space-between}.enhancement-form-row.language-button-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px}.enhancement-form-row.language-button-row .language-group{flex:0 0 auto;width:auto;min-width:200px;margin-right:auto}.enhancement-form-row.language-button-row .button-container{display:flex;justify-content:flex-end;align-items:flex-end}.enhancement-form-group{flex:1;width:100%;box-sizing:border-box}.enhancement-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;text-align:left}.enhancement-form-group input,.enhancement-form-group select{width:100%;padding:10px;border:1px solid #555555;border-radius:4px;font-size:14px;background-color:#444;color:#fff;box-sizing:border-box}.enhancement-form-group select{cursor:pointer}.enhancement-button{background-color:#4a6fb0;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:200px}.enhancement-button:hover{background-color:#3a5c96}@media (max-width: 768px){.enhancement-form-row{flex-direction:column;gap:10px}.enhancement-form-group{margin-bottom:15px}.enhancement-form-row.language-button-row{flex-direction:column;align-items:stretch}.enhancement-form-row.language-button-row .language-group{width:100%;margin-right:0;margin-bottom:15px}.enhancement-form-row.language-button-row .button-container{justify-content:center}}.file-upload-section{margin-top:40px}.file-upload-heading{color:#fff;font-size:1.5rem;margin-bottom:20px;font-weight:500}.file-upload-row{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}.file-upload-row .enhancement-form-group.language-group{flex:0 0 auto;width:150px}.file-upload-row .enhancement-form-group.language-group select{width:150px}.file-input-container{flex:1;position:relative}.file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-label{display:flex;cursor:pointer;width:100%;border:1px solid #4a6fb0;border-radius:4px;overflow:hidden}.file-button{padding:10px 15px;background-color:#4a6fb0;color:#fff;font-weight:500;min-width:120px;text-align:center;display:inline-block}.file-name{padding:10px 15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.submit-button-container{min-width:120px}.uploading-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.uploading-popup{background-color:#fff;padding:30px 50px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;align-items:center;gap:15px}.uploading-popup p{margin:0;font-size:16px;font-weight:500;color:#333}.circular-progress{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.file-upload-row{flex-direction:column;gap:15px}.submit-button-container,.submit-button-container button{width:100%}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{width:350px;padding:25px;border-radius:8px;box-shadow:0 4px 12px #0003;text-align:center}.success-popup{background-color:#f0f8f0;border-left:5px solid #28a745}.error-popup{background-color:#fff0f0;border-left:5px solid #dc3545}.popup-content h3{margin-top:0;color:#333;font-size:1.2rem}.popup-content p{margin:15px 0;color:#666}.popup-content button{background-color:#4a6fb0;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.popup-content button:hover{background-color:#3a5c96}.manual-container{display:flex;flex-direction:column;align-items:center;padding:20px}.article-label{margin-bottom:10px}.search-section{align-items:center;gap:10px;background-color:#444;padding:20px 30px;border-radius:10px}.search-section input{margin-right:10px;padding:12px;width:500px}.search-section button{background-color:#4a6fb0;color:#fff;border:none;border-radius:4px;cursor:pointer;min-width:80px}.search-section select{margin:10px;width:635px;padding:12px;border:1px solid #ccc;border-radius:4px}.search-section button:hover:not(:disabled){background-color:#3a5c96}.search-section button:disabled{background-color:#666;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-section{margin-top:20px;display:flex;flex-direction:column;gap:16px;width:600px;padding:30px 45px;border-radius:10px;background-color:#444}.form-section input:disabled,.form-section select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-section input,.form-section select{padding:12px;border:1px solid #ccc;border-radius:4px}.form-section button{padding:10px;background-color:#4a6fb0;color:#fff;border:none;border-radius:4px;cursor:pointer;width:200px;align-self:center}.form-section button:hover:not(:disabled){background-color:#3a5c96}.form-section button:disabled{background-color:#666;cursor:not-allowed}.radio-group{display:flex;gap:15px;margin-bottom:10px;justify-content:center}.radio-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.radio-label input[type=radio]{margin:0;width:auto;padding:0}.items-per-card-section{margin-bottom:16px}.items-per-card-section>label{font-size:14px;font-weight:500;margin-bottom:16px;display:block}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background-color:#fff;border-radius:8px;padding:0;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%}.popup-content{padding:20px;text-align:center}.popup-content h3{margin:0 0 15px;font-size:18px}.popup-content p{margin:0 0 20px;color:#666;line-height:1.4}.popup-content button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.popup-content button:hover{background-color:#0056b3}.success-popup .popup-content h3{color:#28a745}.error-popup .popup-content h3{color:#dc3545}.error-popup .popup-content button{background-color:#dc3545}.error-popup .popup-content button:hover{background-color:#c82333}.uploading-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.uploading-popup{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 6px #0000001a;text-align:center}.circular-progress{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.uploading-popup p{margin:0;color:#666;font-size:16px}textarea{width:574px;padding:12px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit}textarea:focus{outline:none;border-color:#4a6fb0;box-shadow:0 0 5px #4a6fb033}textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.certification-check{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:#333;color:#fff}.certification-check .loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.certification-check .machine-id-form{background:#424242;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0003;width:100%;max-width:400px;text-align:center}.certification-check .machine-id-form h2{margin-bottom:1.5rem;color:#fff}.certification-check .machine-id-form input{width:100%;padding:.75rem;margin:1rem 0;background-color:#333;border:1px solid #666;border-radius:4px;color:#fff;font-family:monospace;font-size:1rem}.certification-check .machine-id-form input:focus{outline:none;border-color:#2196f3}.certification-check .help-text{color:#aaa;font-size:.9rem;margin-top:.5rem}.certification-check .error-message{background-color:#f44336;color:#fff;padding:1rem;border-radius:4px;text-align:center;max-width:400px;margin:1rem}#root{width:100%;min-height:100vh;padding:1rem;margin:0 auto;text-align:center;background-color:#333;color:#fff;overflow-y:auto;overflow-x:hidden}body{margin:0;padding:0;background-color:#333;color:#fff}.App{position:relative;min-height:100vh}.app-nav{display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;margin-bottom:1rem;margin-top:3rem}.header-title{font-weight:700;color:#fff;margin-bottom:10px;margin-top:20px}.nav-links{display:flex;gap:20px}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff3;font-weight:700}.nav-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#80808033}.header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding-top:1rem}.logout-button{position:fixed;right:2rem;top:2rem;background-color:#dc3545;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;z-index:1000}.logout-button:hover{background-color:#c82333}.logout-button:disabled{opacity:.5;cursor:not-allowed;background-color:#999}.processing-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff5722e6;color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;box-shadow:0 2px 10px #0000004d;max-width:80%;text-align:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.header{padding:0 1rem}.app-nav{flex-direction:column;gap:10px;padding:1rem;margin-top:4rem}.nav-links{width:100%;justify-content:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}