:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--lightningcss-light,#fbfbfe)var(--lightningcss-dark,#151c29);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:var(--lightningcss-light,#5fa299)var(--lightningcss-dark,#81e6d9);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--lightningcss-light,#81e6d9)var(--lightningcss-dark,#8ffff1)}body{min-width:320px;min-height:100vh;margin:0;display:flex}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.home-body{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.main-home-box{justify-content:center;align-items:center;padding:0 5%;display:flex}.left-home-box{flex:1;max-width:50%}.left-home-box h1{font-size:2.5rem;font-weight:700}.left-home-box p{color:var(--lightningcss-light,#6b6b6b)var(--lightningcss-dark,#bdbdbd);margin:10px 0 20px;font-size:1rem}.home-buttons{flex-direction:row;justify-content:center;gap:15px;display:flex}.b1,.b2{cursor:pointer;border:none;border-radius:5px;padding:12px 20px;font-size:1rem}.right-home-box{flex:1;justify-content:center;margin-top:100px;display:flex}.uploadFile{margin:15px}*{scrollbar-width:thin;scrollbar-color:#81e6d980 #0000001a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:#81e6d980;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#81e6d9cc}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}*{scrollbar-color:#304b5380 #0000000d}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#304b5366}::-webkit-scrollbar-thumb:hover{background:#304b5399}}#root{text-align:center;width:100%;margin:0 auto}.card{padding:2em}.header{background-color:#333;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.header a{float:left;color:#f2f2f2;text-align:center;padding:.75rem 3rem;font-size:17px;text-decoration:none}.header a:hover{color:#000;background-color:#ddd}.header a.active{color:#fff;background-color:#04aa6d}.register_main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:20rem;padding:0 2rem;display:flex}.b1{color:#151c29;background-color:#81e6d9}.b2{color:#fff;background-color:#304b53}.upload-box{justify-content:center;display:flex}.modal{background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:10px;padding:20px}.modal-content button{color:#fff;cursor:pointer;background:red;border:none;margin-top:10px;padding:10px 20px}:root{--file-bg:#fff;--file-border:#cbd5e1;--file-text:#1e293b}@media (prefers-color-scheme:dark){:root{--file-bg:#1e293b;--file-border:#475569;--file-text:#e2e8f0}}.file-upload-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.upload-content{width:100%;max-width:500px}.upload-overlay{z-index:1101;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.upload-modal-box{justify-items:center;width:50%}.dropzone{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;height:200px;transition:border .3s ease-in-out;display:flex}.upload-overlay .dropzone{background-color:var(--file-bg);width:100%}.dropzone:hover{border-color:#81e6d9}.file-input{display:none}.file-list{border:1px solid var(--file-border);background-color:var(--file-bg);border-radius:5px;width:100%;max-height:150px;margin-top:10px;padding:10px;overflow-y:auto}.remove-button{color:red;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:10px;font-size:1rem}.upload-overlay .file-list{width:100%}.file-list ul{margin:0;padding:0;list-style:none}.file-list li{border-bottom:1px solid var(--file-border);color:var(--file-text);padding:5px}.button-container{justify-content:space-between;width:100%;margin-top:10px;margin-bottom:10px;display:flex}.upload-overlay .button-container{width:100%}.browse-button,.upload-button{cursor:pointer;border:none;border-radius:5px;padding:10px 15px;font-size:14px}.browse-button{color:#151c29;z-index:100;background-color:#81e6d9;position:relative}.upload-button{color:#fff;background-color:#304b53;width:100%}.close-button{color:#fff;cursor:pointer;background-color:#0000;border-color:#fff;font-size:40px;position:absolute;top:10px;right:10px}.close-button:hover{color:red;border-color:red}.file-success{color:#4caf50}.file-error{color:#f44336}.file-status-pending{color:#ff9800;font-style:italic}.file-status-success{color:#4caf50;font-weight:700}.file-status-error{color:#f44336;font-weight:700}:root{--bg-color:#f8fafc;--text-color:#1e293b;--subtitle-color:#475569;--card-bg:#e2e8f0;--icon-bg:#cbd5e1;--card-text:#1e293b}@media (prefers-color-scheme:dark){:root{--bg-color:#0f172a;--text-color:#fff;--subtitle-color:#94a3b8;--card-bg:#1e293b;--icon-bg:#334155;--card-text:#cbd5e1}}.container{display:flex}.sidebar{background-color:var(--card-bg);width:250px;padding:20px;box-shadow:2px 0 5px #0000001a}.navList{padding:0;list-style:none}.navItem{cursor:pointer;align-items:center;gap:10px;padding:10px;display:flex}.mainContent{flex:1;padding:20px}.title{font-size:2rem;font-weight:700}.controls{flex:1;align-items:center;gap:10px;display:flex}.searchBar{border:1px solid #ccc;border-radius:4px;flex:1;padding:8px}.toggleButton{cursor:pointer;color:#fff;background-color:#007bff;border:none;border-radius:4px;padding:5px 10px}.newFolderButton{cursor:pointer;color:#81e6d9;background-color:#0000;border:2px solid #81e6d9;border-radius:4px;margin:10px;padding:5px 10px}.table{border-collapse:collapse;width:100%;margin-top:20px}.tableHeader{background-color:#f1f1f1}.tableHeaderCell{text-align:left;color:var(--text-color);background-color:var(--card-bg);padding:10px}.tableCell{text-align:left;padding:10px}.tableRow{border-bottom:1px solid #ddd;height:40px}.sortButton{cursor:pointer;background:0 0;border:none;margin-left:5px}.gridContainer{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:20px;display:grid}.gridItem{background-color:var(--card-bg);text-align:center;border:1px solid #ccc;border-radius:4px;padding:10px}.gridItem span{cursor:"pointer"}.not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.error-code{margin-bottom:10px;font-size:6rem;font-weight:700}.error-message{font-size:1.5rem}.home-button{border:none;border-radius:5px;margin-top:20px;padding:12px 24px;font-size:1rem;text-decoration:none;transition:all .3s ease-in-out}.about-body{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:0;font-family:Arial,sans-serif;display:flex}*{box-sizing:border-box;min-width:0}.about-box{color:var(--lightningcss-light,#050316)var(--lightningcss-dark,#eae9fc);border:2px solid;background-color:var(--lightningcss-light,#e2e8f0)var(--lightningcss-dark,#1e293b);border-color:var(--lightningcss-light,#5fa299)var(--lightningcss-dark,#81e6d9);border-radius:12px;align-items:center;gap:15px;width:80%;max-width:800px;padding:20px;font-size:16px;transition:box-shadow .3s,border-color .3s;display:flex;box-shadow:0 4px 10px #0003}.icon-container{color:var(--lightningcss-light,#050316)var(--lightningcss-dark,#eae9fc);flex-shrink:0}.text-content{flex:1}.about-box p{color:var(--lightningcss-light,#050316)var(--lightningcss-dark,#eae9fc);text-align:justify;margin:0;font-size:16px}.about-box.left{flex-direction:row}.about-box h2{color:var(--lightningcss-light,#5fa299)var(--lightningcss-dark,#81e6d9)}