:root{--primary-color:rgba(227,227,227,1);--secondary-color:rgba(60,60,60,1);--highlight-color:#ff0090;--highlight-color-alt:#98834C;--background-color:#eaeaea;--login-background:#fff;--input-background-color:#eaeaea;--table-background-even-row:#d3d3d3;--table-background-odd-row:#dedede;--view-background-color:#fff;--text-color:rgba(60,60,60,1);--border-color:#e0e0e0;--nav-button-bg:rgba(227,227,227,1);--message-bubble-bg:rgba(227,227,227,1);--badge-text-color:black;--input-text-color:rgba(60,60,60,1);--modal-input-text:rgba(60,60,60,1);--scrollbar-thumb:rgba(100,100,100,0.4);--scrollbar-thumb-hover:rgba(100,100,100,0.6);--scrollbar-track:rgba(0,0,0,0.05);--card-background:rgba(227,227,227,1);--heading-color:rgba(60,60,60,1);--table-text-color:rgba(60,60,60,1);--table-hover-text-color:rgba(60,60,60,1);--toastify-color-dark:var(--secondary-color);--toastify-toast-background:var(--secondary-color);--toastify-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--toastify-text-color-dark:#ffffff}.darkmode{--primary-color:rgba(40,40,40,1);--highlight-color:#ff0090;--highlight-color-alt:#98834C;--background-color:#1a1a1a;--login-background:#2a2a2a;--input-background-color:#2a2a2a;--table-background-even-row:#2a2a2a;--table-background-odd-row:#333333;--view-background-color:#1e1e1e;--text-color:#e0e0e0;--border-color:#444;--nav-button-bg:rgba(227,227,227,1);--message-bubble-bg:rgba(227,227,227,1);--badge-text-color:white;--input-text-color:#333;--modal-input-text:#e0e0e0;--scrollbar-thumb:rgba(255,255,255,0.3);--scrollbar-thumb-hover:rgba(255,255,255,0.5);--scrollbar-track:rgba(0,0,0,0.2);--card-background:rgba(227,227,227,1);--heading-color:#e0e0e0;--table-text-color:#e0e0e0;--table-hover-text-color:#333;--toastify-color-dark:rgba(40,40,40,1);--toastify-toast-background:rgba(40,40,40,1);--toastify-text-color-dark:#e0e0e0}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}table{width:100%;table-layout:fixed}table thead tr th{background-color:var(--secondary-color);color:#fff;border-radius:.25rem;padding:.5rem;font-weight:700}table thead tr th .controls{margin-left:.5rem;vertical-align:middle}table thead tr th .controls .active{color:var(--highlight-color-alt)}table thead tr th .controls .rotate{transform:rotate(180deg)}table tbody tr:nth-child(odd){background-color:var(--table-background-odd-row)}table tbody tr:nth-child(2n){background-color:var(--table-background-even-row)}table tbody tr:hover{background-color:var(--highlight-color-alt)}table tbody tr:hover td{color:var(--table-hover-text-color)}table tbody tr td{padding:.6rem;border-radius:.25rem;overflow:hidden;text-overflow:ellipsis;color:var(--table-text-color)}table tbody tr td .icon{font-weight:700;font-size:1.5rem}.upload-panel{position:fixed;top:0;right:-500px;width:500px;height:100vh;background:var(--view-background-color);box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease-in-out;z-index:1000;display:flex;flex-direction:column}.upload-panel.open{right:0}.upload-panel .upload-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.upload-panel .upload-panel-header h2{margin:0;font-size:1.25rem;font-weight:600}.upload-panel .upload-panel-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s}.upload-panel .upload-panel-header .close-btn:hover{color:#333}.upload-panel .upload-panel-content{flex:1 1;overflow-y:auto;padding:1.5rem}.upload-panel .upload-panel-content .upload-tags{margin-bottom:1.25rem}.upload-panel .upload-panel-content .upload-tags .upload-tags-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin-bottom:.4rem}.upload-panel .upload-panel-content .upload-tags .upload-tags-label .icon{font-size:1rem}.upload-panel .upload-panel-content .upload-tags .upload-tags-hint{margin-top:.4rem;font-size:.75rem;opacity:.75}.upload-panel .upload-panel-content .file-selector{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.upload-panel .upload-panel-content .file-selector:hover{border-color:#999;background:#f5f5f5}.upload-panel .upload-panel-content .file-selector .upload-icon{font-size:3rem;color:#999;margin-bottom:1rem}.upload-panel .upload-panel-content .file-selector .drag-drop-text{font-size:1rem;color:#666;margin:.5rem 0}.upload-panel .upload-panel-content .file-selector .max-files-text{font-size:.875rem;color:#999;margin:.25rem 0}.upload-panel .upload-panel-content .file-selector .select-files-btn{margin-top:1rem;padding:.5rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.upload-panel .upload-panel-content .file-selector .select-files-btn:hover{background:#0056b3}.upload-panel .upload-panel-content .queue-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem}.upload-panel .upload-panel-content .queue-header h3{margin:0;font-size:1rem;font-weight:600}.upload-panel .upload-panel-content .queue-header .queue-actions .clear-btn{padding:.375rem .75rem;background:#f0f0f0;color:#666;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background .2s}.upload-panel .upload-panel-content .queue-header .queue-actions .clear-btn:hover{background:#e0e0e0}.upload-panel .upload-panel-content .total-progress{background:#f9f9f9;padding:1rem;border-radius:6px;margin-bottom:1rem}.upload-panel .upload-panel-content .total-progress .progress-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.upload-panel .upload-panel-content .total-progress .progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.upload-panel .upload-panel-content .total-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.upload-panel .upload-panel-content .total-progress .progress-text{font-size:.75rem;color:#999;text-align:right}.upload-panel .upload-panel-content .queue-list{display:flex;flex-direction:column;gap:.75rem}.upload-panel .upload-panel-content .queue-empty{text-align:center;padding:2rem;color:#999}.upload-panel .upload-panel-content .queue-empty p{margin:0}.upload-queue-item{background:var(--view-background-color);border:1px solid var(--border-color,#e0e0e0);border-radius:6px;padding:1rem}.upload-queue-item.processing,.upload-queue-item.uploading{border-color:#007bff}.upload-queue-item.completed{border-color:#28a745;opacity:.7}.upload-queue-item.failed{border-color:#dc3545}.upload-queue-item .file-info{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.upload-queue-item .file-info .status-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.upload-queue-item .file-info .status-icon.waiting{color:#ffc107}.upload-queue-item .file-info .status-icon.processing,.upload-queue-item .file-info .status-icon.uploading{color:#007bff;animation:spin 1s linear infinite}.upload-queue-item .file-info .status-icon.completed{color:#28a745}.upload-queue-item .file-info .status-icon.error,.upload-queue-item .file-info .status-icon.failed{color:#dc3545}.upload-queue-item .file-info .status-icon.paused{color:#6c757d}.upload-queue-item .file-info .file-details{flex:1 1;min-width:0}.upload-queue-item .file-info .file-details .file-name{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.upload-queue-item .file-info .file-details .file-meta{display:flex;gap:.75rem;font-size:.75rem;color:#999}.upload-queue-item .file-info .file-details .file-meta .file-size:after{content:"•";margin-left:.75rem}.upload-queue-item .file-info .file-details .file-meta .status-text{white-space:nowrap}.upload-queue-item .progress-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.upload-queue-item .progress-section .progress-bar{flex:1 1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.upload-queue-item .progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.upload-queue-item .progress-section .progress-text{font-size:.75rem;color:#666;min-width:40px;text-align:right}.upload-queue-item .actions{display:flex;gap:.5rem;justify-content:flex-end}.upload-queue-item .actions .action-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;transition:transform .2s,color .2s}.upload-queue-item .actions .action-btn:hover{transform:scale(1.1)}.upload-queue-item .actions .action-btn.pause{color:#ffc107}.upload-queue-item .actions .action-btn.resume{color:#28a745}.upload-queue-item .actions .action-btn.cancel,.upload-queue-item .actions .action-btn.remove{color:#dc3545}.upload-queue-item .actions .action-btn.retry{color:#007bff}.processing-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2rem);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:-moz-fit-content;width:fit-content}.processing-status-badge.uploading{background:#e7f3ff;color:#0056b3;border:1px solid #b3d9ff}.processing-status-badge.processing{background:#fff3cd;color:#856404;border:1px solid #ffc107}.processing-status-badge.failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.processing-status-badge .icon{font-size:1.25rem;flex-shrink:0}.processing-status-badge .icon.loader{animation:spin 1s linear infinite}.processing-status-badge .status-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-width:0}.processing-status-badge .status-info .status-text{font-weight:500;white-space:nowrap}.processing-status-badge .status-info .progress-bar{height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;width:100%}.processing-status-badge .status-info .progress-bar .progress-fill{height:100%;background:currentColor;transition:width .3s ease}.processing-status-badge .status-info .error-text{font-size:.75rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-grounding-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.visual-grounding-modal .modal-content{background:var(--view-background-color);border-radius:12px;width:95vw;height:90vh;max-width:1400px;display:flex;flex-direction:column;box-shadow:0 10px 50px rgba(0,0,0,.5);overflow:hidden}.visual-grounding-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #ddd;background:var(--background-color);gap:1rem}.visual-grounding-modal .modal-header h2{margin:0;font-size:1.5rem;color:var(--secondary-color);flex:1 1}.visual-grounding-modal .modal-header .zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,0,0,.05);border-radius:8px}.visual-grounding-modal .modal-header .zoom-controls button{background:rgba(0,0,0,0);border:none;font-size:1.2rem;color:var(--secondary-color);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.visual-grounding-modal .modal-header .zoom-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--highlight-color) 10%,transparent);color:var(--highlight-color)}.visual-grounding-modal .modal-header .zoom-controls button:disabled{opacity:.3;cursor:not-allowed}.visual-grounding-modal .modal-header .zoom-controls .zoom-level{min-width:50px;text-align:center;font-size:.9rem;font-weight:600;color:var(--secondary-color)}.visual-grounding-modal .modal-header .close-button{background:rgba(0,0,0,0);border:none;font-size:1.5rem;color:var(--secondary-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.visual-grounding-modal .modal-header .close-button:hover{background:color-mix(in srgb,var(--highlight-color) 10%,transparent);color:var(--highlight-color)}.visual-grounding-modal .document-viewer{flex:1 1;position:relative;overflow:auto;background:#525659;display:flex;align-items:center;justify-content:center}.visual-grounding-modal .document-viewer .pdf-container{padding:2rem;display:flex;align-items:center;justify-content:center}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay{position:relative;display:inline-block;box-shadow:0 4px 12px rgba(0,0,0,.3);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .react-pdf__Page{position:relative;display:block}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .react-pdf__Page canvas{display:block}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .bounding-box-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .bounding-box-overlay .highlight-box{fill:color-mix(in srgb,var(--highlight-color) 20%,transparent);stroke:var(--highlight-color);stroke-width:2;animation:pulse 2s ease-in-out infinite;cursor:pointer}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .bounding-box-overlay .highlight-box:hover{fill:color-mix(in srgb,var(--highlight-color) 30%,transparent)}.visual-grounding-modal .document-viewer .pdf-container .page-with-overlay .bounding-box-overlay .highlight-box.flagged{fill:rgba(255,152,0,.25);stroke:#ff9800;animation:pulse-flagged 2s ease-in-out infinite}@keyframes pulse-flagged{0%,to{stroke-opacity:1;stroke-width:2}50%{stroke-opacity:.6;stroke-width:3}}@keyframes pulse{0%,to{stroke-opacity:1;stroke-width:2}50%{stroke-opacity:.6;stroke-width:3}}.visual-grounding-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid #ddd;background:var(--background-color);display:flex;flex-direction:column;gap:1rem}.visual-grounding-modal .modal-footer .page-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem}.visual-grounding-modal .modal-footer .page-navigation .jump-button,.visual-grounding-modal .modal-footer .page-navigation .nav-button{padding:.75rem 1.5rem;background:var(--highlight-color);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-weight:500}.visual-grounding-modal .modal-footer .page-navigation .jump-button:hover:not(:disabled),.visual-grounding-modal .modal-footer .page-navigation .nav-button:hover:not(:disabled){background:#b30021;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--highlight-color) 30%,transparent)}.visual-grounding-modal .modal-footer .page-navigation .jump-button:disabled,.visual-grounding-modal .modal-footer .page-navigation .nav-button:disabled{opacity:.4;cursor:not-allowed}.visual-grounding-modal .modal-footer .page-navigation .page-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:1rem;color:var(--secondary-color)}.visual-grounding-modal .modal-footer .page-navigation .page-info .highlight-count{font-size:.85rem;color:var(--highlight-color);font-weight:600}.visual-grounding-modal .modal-footer .page-navigation .page-info .flag-button{padding:.3rem .7rem;background:rgba(0,0,0,0);color:#ff9800;border:1.5px solid #ff9800;border-radius:6px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s;font-weight:500;margin-top:.1rem}.visual-grounding-modal .modal-footer .page-navigation .page-info .flag-button:hover{background:rgba(255,152,0,.1)}.visual-grounding-modal .modal-footer .page-navigation .page-info .flag-button.active{background:rgba(255,152,0,.15);color:#e65100;border-color:#e65100}.visual-grounding-modal .modal-footer .jump-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.visual-grounding-modal .modal-footer .jump-navigation .highlight-pages-info{font-size:.9rem;color:var(--secondary-color);opacity:.8}.visual-grounding-modal .modal-footer .jump-navigation .jump-button{padding:.5rem 1rem;background:rgba(0,0,0,0);color:var(--highlight-color);border:2px solid var(--highlight-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.visual-grounding-modal .modal-footer .jump-navigation .jump-button:hover:not(:disabled){background:color-mix(in srgb,var(--highlight-color) 10%,transparent);transform:none}.visual-grounding-modal .modal-footer .jump-navigation .jump-button:disabled{opacity:.4;cursor:not-allowed}.visual-grounding-modal .error-state,.visual-grounding-modal .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.visual-grounding-modal .error-state .spinner,.visual-grounding-modal .loading-state .spinner{width:50px;height:50px;border:4px solid color-mix(in srgb,var(--highlight-color) 20%,transparent);border-top-color:var(--highlight-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.visual-grounding-modal .error-state .progress-bar-container,.visual-grounding-modal .loading-state .progress-bar-container{width:200px;height:8px;background:color-mix(in srgb,var(--highlight-color) 15%,transparent);border-radius:4px;position:relative;overflow:hidden}.visual-grounding-modal .error-state .progress-bar-container .progress-bar-fill,.visual-grounding-modal .loading-state .progress-bar-container .progress-bar-fill{height:100%;background:var(--highlight-color);border-radius:4px;transition:width .3s ease}.visual-grounding-modal .error-state .progress-bar-container .progress-text,.visual-grounding-modal .loading-state .progress-bar-container .progress-text{position:absolute;top:-1.4rem;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:600;color:#666;white-space:nowrap}.visual-grounding-modal .error-state p,.visual-grounding-modal .loading-state p{font-size:1.1rem;color:#666}.visual-grounding-modal .error-state button,.visual-grounding-modal .loading-state button{padding:.75rem 1.5rem;background:var(--highlight-color);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.visual-grounding-modal .error-state button:hover,.visual-grounding-modal .loading-state button:hover{background:#b30021}@media(max-width:768px){.visual-grounding-modal{padding:0}.visual-grounding-modal .modal-content{width:100vw;height:100vh;border-radius:0}.visual-grounding-modal .modal-footer,.visual-grounding-modal .modal-header{padding:1rem}.visual-grounding-modal .modal-footer .page-navigation{flex-direction:column}.visual-grounding-modal .modal-footer .page-navigation .nav-button{width:100%}}*{box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body,html{width:100%;min-height:100vh}body{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-color);background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1{font-size:2rem;margin-bottom:1rem}h1,h2{font-weight:700}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}h3,h4{font-weight:700}h4{margin-bottom:.25rem}h4,input{font-size:1rem}input{padding:.5rem;min-height:2.5rem;outline:none;transition:all .3s ease-in-out;border-radius:5px;border:none;background-color:var(--input-background-color,#eaeaea)}input:focus{padding-left:1rem;padding-right:1rem}.app-button{padding:.8rem 1.5rem .8rem 2.5rem;width:-moz-fit-content;width:fit-content;align-self:center;justify-self:center;border-radius:10rem;border:2px solid var(--secondary-color);background:var(--view-background-color);position:relative;cursor:pointer;transition:all .2s ease-in-out}.app-button:hover{text-decoration:underline}.app-button:before{display:block;content:"";width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:9px solid var(--highlight-color);position:absolute;left:15px;top:50%;transform:translateY(-50%);transition:.3s ease-in;z-index:1}.icon.loader{animation:loader 1.5s linear infinite}.clickable{cursor:pointer}.help-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:.5rem;vertical-align:middle;overflow:visible}.help-tooltip .help-icon{color:#fff;font-size:.9rem;cursor:help;background:var(--secondary-color);padding:.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-tooltip .help-icon:hover{background:var(--highlight-color-alt)}.help-tooltip .tooltip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.6rem .8rem;border-radius:6px;font-size:12px;white-space:normal;text-transform:none;max-width:250px;width:max-content;z-index:10000;pointer-events:none;line-height:1.4}.help-tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.9)}main.login-view{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color)}main.login-view:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:url(/images/login_animation2.svg);background-repeat:repeat;background-size:15%;z-index:-1;opacity:.5}main.login-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.98);z-index:-2}main.login-view .loginContainer{position:relative;width:clamp(300px,50vw,450px);min-height:320px;transition:all .3s ease-in-out;background:var(--login-background,#fff);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}main.login-view .loginContainer .logo{width:100%;border-radius:5px}main.login-view .loginContainer form{position:relative;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}main.login-view .loginContainer form .errorMessage{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:red;font-size:.9rem;text-align:center;max-width:100%;width:80%;background:rgba(255,0,0,.1);padding:.5rem}main.login-view .loginContainer form .successMessage{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:green;font-size:.9rem;text-align:center;max-width:80%;background:rgba(0,255,0,.1);padding:.5rem}main.login-view .loginContainer form input{width:80%}