: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;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.document-wrapper{display:flex;justify-content:center;width:90%;max-width:1200px;margin:0 auto;background-color:#fff9;padding:0 24px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#333}.document-section{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(to right,#c2e9fb,#a1c4fd);min-height:100vh;color:#333}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}}.upload-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.upload-box{background:#fff;padding:24px 32px;border-radius:8px;box-shadow:0 8px 16px #0003;width:400px;max-width:90%;text-align:center}.modal-title{margin-bottom:16px;font-size:1.25rem;font-weight:600;color:#333;text-align:center}.upload-form{display:flex;flex-direction:column;gap:12px}.upload-file{padding:8px;border:1px solid #ccc;border-radius:4px}.upload-buttons{display:flex;justify-content:space-between;gap:10px;font-size:15px}#submit{flex:1;padding:10px;background-color:#0074cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px}#submit:hover{background-color:#005fa3}.cancel-btn{flex:1;padding:10px;background-color:#ccc;border:none;border-radius:4px;cursor:pointer;font-size:15px}.cancel-btn:hover{background-color:#bbb}.status-text{margin-top:12px;font-size:.95rem;color:#444;text-align:center}.search-bar-container{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:700px}.search-bar{display:flex;width:100%;border:1px solid #ccc;border-radius:4px;overflow:visible;position:relative;background-color:#fff}.search-input{background-color:#fff;color:#000;border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:1rem}.search-type{border:none;padding:0 10px;font-size:14px;height:38px;outline:none;border-right:1px solid #ccc;color:#333;width:100px;background-color:#2e7d32;color:#fff}.search-input-combined{flex:1;padding:0 12px;font-size:14px;height:38px;border:none;outline:none;background-color:#fff;color:#000}.search-button-combined{background-color:#2e7d32;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:0;padding:0 16px;cursor:pointer;height:38px}.search-button-combined:hover{background-color:#1b5e20}.search-type option:checked{background-color:#1b5e20;color:#fff}.search-type option:hover{background-color:#1b5e20;color:#fff}.custom-dropdown{position:relative;width:80px;background-color:#2e7d32;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;height:38px;-webkit-user-select:none;user-select:none}.dropdown-options{position:absolute;top:100%;left:0;width:100%;background-color:#fff;color:#1b5e20;border:1px solid #ccc;z-index:10;box-shadow:0 2px 6px #0000001a;padding:0;margin:0;list-style:none;border-radius:4px;overflow:hidden}.dropdown-option{padding:6px 10px;font-size:13px;cursor:pointer;font-weight:500;text-align:center;transition:background-color .2s ease}.dropdown-option:hover{background-color:#e0f2f1}.dropdown-option.selected{background-color:#1b5e20;color:#fff}.user-documents{padding:20px;border-radius:8px;margin-top:20px;width:100%;box-sizing:border-box}.user-documents h2{color:#333;margin-bottom:16px}.documents-list{list-style:none;padding:0;margin:0}.documents-list li{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:12px 16px;margin-bottom:10px;border-radius:6px;border:1px solid #ddd;width:100%;box-sizing:border-box}.documents-list li span{flex-grow:1}.doc-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;min-width:160px}#download{margin-left:10px;padding:6px 12px;background-color:#0074cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px}#download:hover{background-color:#005ea3}#delete{margin-left:10px;padding:6px 12px;background-color:#0074cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px}#delete:hover{background-color:#005ea3}#view{margin-left:10px;padding:6px 12px;background-color:#0074cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px}#view:hover{background-color:#005ea3}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:24px 32px;border-radius:10px;box-shadow:0 4px 12px #00000040;max-width:360px;width:90%;text-align:center}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons .confirm{background-color:#d32f2f;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.modal-buttons .cancel{background-color:#ccc;color:#000;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.modal-buttons button:hover{opacity:.9}.toast-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9998}.toast-success{background-color:#fff;color:#00f;padding:16px 24px;border-radius:8px;box-shadow:0 8px 24px #00000026;border:1px solid #ccc;font-size:18px;font-weight:600;text-align:center;z-index:9999;opacity:0;animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}html,body{height:100%;margin:0;padding:0;background:linear-gradient(to right,#84fab0,#8fd3f4)}.home-page{max-width:1000px;margin:40px auto 80px;font-family:sans-serif;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 24px #0000001f;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;width:100%;max-width:1200px}.header-wrapper{display:flex;justify-content:center;align-items:center;height:60px;position:relative;margin-bottom:16px}.logout-container{position:fixed;top:20px;left:20px;z-index:1000}.welcome-message{font-size:1.8rem;font-weight:700;margin:0;color:#000}.page-title{font-size:1.8rem;font-weight:700;color:#000;margin:0}.search-upload-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:800px;margin:20px 0}.search-form{display:flex;align-items:center;gap:8px}.search-input{height:36px;padding:0 12px;font-size:14px}.upload-button{height:38px;padding:0 16px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background-color:#f39c12;color:#fff;cursor:pointer}.search-button{width:80px;background-color:#2e7d32;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;height:38px;-webkit-user-select:none;user-select:none;border:none;border-radius:0}.upload-button:hover{background-color:#e67e22}.upload-button{margin-left:50px}.logout-button{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.logout-button:hover{background-color:#c0392b}.search-section{margin-bottom:30px}.document-section{margin-top:10px;width:100%}.document-wrapper{width:100%;background-color:#fff9;padding:0 24px;box-sizing:border-box;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#333;max-width:800px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:16px;font-weight:500;color:#fff}.pagination-controls button{padding:6px 12px;font-size:14px;background-color:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer}.page-number{color:#000}.pagination-controls button:disabled{background-color:#7f8c8d;cursor:not-allowed}.pagination-controls button:not(:disabled):hover{background-color:#16a085}.search-results-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fdfdfd;border-radius:6px;box-shadow:0 2px 6px #00000014;font-family:Arial,sans-serif;text-align:center}.search-results-container h2{font-size:24px;margin-bottom:12px;color:#333}.status-text{font-size:16px;color:#444;margin-bottom:20px}.search-result-list{list-style-type:none;padding-left:0;margin:0 auto;max-width:600px;text-align:left}.search-result-list li{padding:12px 14px;margin-bottom:10px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.search-result-list strong{color:#2c3e50}.back-button{margin-top:20px;padding:8px 14px;font-size:14px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.back-button:hover{background-color:#357bc4}.login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:90%;padding:24px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:15px}.login-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:280px;color:#00f;font-size:1.2rem}.login-mode{margin-bottom:20px;text-align:center;color:#333}.username{width:100%;padding:10px 14px 10px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group{display:flex;gap:8px;margin-bottom:12px}.form-group button{width:100px;padding:10px;background-color:#0074cc;color:#fff;border:1px solid #0074cc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer}.form-group button:hover{background-color:#005fa3}.password{width:calc(100% - 100px);padding:10px;border:1px solid #ccc;border-radius:4px 0 0 4px;box-sizing:border-box}.email{width:100%;padding:10px 14px 10px 10px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#login{width:100%;padding:10px;margin-bottom:10px;background-color:#0074cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Open Sans,sans-serif;font-size:15px}#login:hover{background-color:#005fa3}.toast{position:absolute;top:-80px;left:50%;transform:translate(-50%);background-color:#009688;color:#fff;padding:12px 20px;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 4px 8px #00000026;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:300px;animation:fadeIn .3s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.username,.password,.email{background-color:#fff;color:#000}.loading-message{color:#07c;font-weight:700;margin-bottom:16px;text-align:center}.view-document-page{padding:24px;max-width:1000px;margin:0 auto;font-family:sans-serif}.page-title{font-size:1.8rem;margin-bottom:20px;color:#333}.back-link{display:inline-block;margin-bottom:16px;color:#07c;text-decoration:none}.back-link:hover{text-decoration:underline}.metadata-card{background-color:#1e293b;padding:20px 24px;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:24px;color:#fff}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;font-size:14px;color:#fff}.extracted-text-section h2{margin-bottom:12px}.extracted-text-box{background-color:#2c3e50;color:#f1f1f1;font-family:Courier New,monospace;font-size:15px;padding:20px;border-radius:6px;max-height:200px;overflow-y:auto;white-space:pre-wrap;line-height:1.6;box-shadow:inset 0 1px 4px #0000004d;overflow-y:scroll}.extracted-text-box:hover{box-shadow:0 4px 12px #00000014}.label{font-weight:600;margin-right:6px;color:#fff}.back-button{display:inline-block;background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:8px 14px;text-decoration:none;font-weight:500;font-size:14px;margin-bottom:16px;transition:background-color .2s ease}.back-button:hover{background-color:#c62828}.footer{text-align:center;font-size:.9rem;font-weight:700;padding:10px 0;color:#444;position:fixed;bottom:0;width:100%}.footer a{color:#07c;text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline}