:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}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:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main-content{flex:1;padding:2rem;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.display{display:flex;justify-content:center;align-items:center;height:100vh}.container{background-color:#121212;padding:2rem 3rem;border-radius:12px;box-shadow:0 0 20px #0084ff33;width:100%;max-width:400px;text-align:center}.container h2{margin-bottom:1.5rem;color:#4aa8ff}.form{display:flex;flex-direction:column;gap:1rem}.inputs{padding:.75rem 1rem;border:none;border-radius:6px;background-color:#1f1f1f;color:#fff;font-size:1rem;outline:none;transition:border .2s}.inputs:focus{border:2px solid #1b3f61}.loginButton{padding:.75rem 1rem;background-color:#438eff;color:#000;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s}.loginButton:hover{background-color:#2a92fa}p{position:fixed;bottom:2rem;left:2rem;margin:0}.showPass{color:#438eff}.alert{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:100}.alertContent{padding:1rem;width:100%;max-width:70vw;background-color:#f0f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center}.msg{font-size:1.5rem}h2{margin-top:1rem;margin-left:1rem}.searchButton{font-size:1rem;padding:.5rem 1rem;background-color:#fff;color:#000;border:2px solid black;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease;cursor:pointer}.searchButton:hover{background-color:#f0f0f0;border:2px solid black}.searchBar{margin-top:1rem;margin-left:1rem;display:flex}.pdfDisplay{margin-top:1rem;margin-left:1rem;display:flex;flex-wrap:wrap}.pdfCard{background-color:#f0f8ff;border:1px solid black;border-radius:6px;margin:.5rem;padding:5px;width:25rem;height:5rem;display:grid;align-items:center;position:relative}.saveButtonN{position:absolute;top:0;right:0;font-size:20px;cursor:pointer;color:#707070}.saveButtonN:hover{color:#5c5b5b}.saveButtonY{position:absolute;top:0;right:0;font-size:20px;cursor:pointer;color:#fd1313}.saveButtonY:hover{color:#d60f0f}.navbar{background-color:#000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbarBrand{font-size:1.5rem;font-weight:700}.navbarLinks{display:flex;gap:2rem}.navLink{font-size:1rem;padding:.5rem 1rem;background-color:#fff;color:#000;border:none;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease;cursor:pointer}.navLink:hover{background-color:#e0e0e0}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:100}.popupContent{position:relative;padding:1rem;width:100%;max-width:70vw;background-color:#f0f8ff;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}.PDFPreview{width:100%;height:70vh;margin-top:1rem;border:1px solid #ccc;border-radius:6px}.popupTutorial{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:100}.popupTutorialContent{position:relative;padding:1rem;width:100%;max-width:70vw;background-color:#f0f8ff;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}.popButton{font-size:1rem;padding:.5rem 1rem;background-color:#fff;color:#000;border:2px solid black;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease;cursor:pointer}.popButton:hover{background-color:#f0f0f0;border:2px solid black}.textContent{font-size:1.3rem}