body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}.masked-input{-webkit-text-security:disc}.hidden-input{display:none}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-overlay h1{color:#fff}.popup-content{background:#222;padding:20px;border-radius:10px;width:90%;max-width:800px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #0000004d}.popup-content button{margin:15px;padding:10px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;min-width:5rem;width:5vw}.popup-content input{width:90%}.auth-div{border-radius:20px;background-color:#282c34;padding:20px 40px;width:14vw;min-width:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:55vh;left:50%;transform:translate(-50%,-50%)}.auth-div b{text-align:center;margin:3vh 0;color:red;font-size:large}.auth-div p{text-align:center;color:#fff}.auth-div form{width:12vw;min-width:200px}.auth-div hr{margin-bottom:5vh;width:100%}.auth-div h1,.auth-div h4{color:#fff}.auth-div a{color:#fff;text-decoration:none}.auth-div label{float:left;color:#fff;width:100%}.auth-div input{position:relative;background-color:transparent;color:#fff;border:none;outline:none;margin-top:2vh}.auth-div button{width:100%;border-radius:30px;padding-top:5px;padding-bottom:5px;height:3.5vh;cursor:pointer}.error-div{height:140px;display:flex}.toolbar{width:100%;border-bottom:1px solid lightgrey;position:relative;height:6vh}.toolbar a{cursor:pointer;padding:1% 20px;color:#595959;font-size:120%;font-weight:1000;text-decoration:none}.toolbar img{cursor:pointer;height:5vh;padding:.5vh .5vw}.toolbar svg{cursor:pointer;padding:0 1vw}.toolbar input{border-radius:5px;font-size:12px;height:4vh;width:10vw}.toolbar select{cursor:pointer;font-size:15px;max-width:50%;color:#595959;font-weight:1000;text-decoration:none;height:6vh}.center-popout-container{background-color:#14161a;border:black;width:50%;position:fixed;right:3%;top:6vh;z-index:10}.center-popout-container button{width:100%;height:50px;cursor:pointer}.center-div{position:absolute;display:flex;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.left-div{display:flex;align-items:center;float:left;width:33%}.right-div{position:absolute;display:flex;align-items:center;top:50%;left:100%;transform:translate(-100%,-50%)}.option{cursor:pointer;border:1px solid black;color:#595959;font-size:120%;font-weight:1000;text-decoration:none}.user-button{cursor:pointer;padding:0 1vw;color:#595959;background-color:#fff;font-size:120%;font-weight:1000;height:6vh;border:none;margin-right:.5vw}.center-dropdown-button,.center-dropdown-container{display:none}@media (max-width: 600px){.center-div a{display:none}.center-dropdown-button{display:block;cursor:pointer;font-size:120%;font-weight:1000;background:#fff;border:none}.center-dropdown-container{display:none;position:absolute;top:4vh;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #ccc;z-index:10;flex-direction:column;min-width:200px}.center-dropdown-container button{padding:.5rem 1rem;width:100%;border:none;text-align:center;background:#fff;cursor:pointer;font-size:2rem}.center-dropdown-container.show{display:flex}}.auth-help-div{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:4vh;font-size:large}.auth-help-div:has(:only-child){justify-content:center}.check-circle,.circle-x-mark{position:absolute;left:-25px;top:85%;transform:translateY(-50%);font-size:20px;z-index:1}.check-circle{color:green}.circle-x-mark{color:red}.register-form div{position:relative;width:100%}.request-success-anchor{text-decoration:underline!important}.settings-navigation{display:flex;flex-direction:column;width:200px}.settings-navigation button{margin:5px 0;padding:10px;cursor:pointer;border-radius:25px;border:none;background:none;transition:background-color .3s ease}.settings-navigation button.selected{background-color:#add8e6}.account-settings{display:flex;flex-direction:column;gap:24px;padding:24px;background-color:#f9f9f9;border-radius:12px;max-width:500px;width:100%;box-shadow:0 4px 12px #0000001a}.account-section,.update-section,.delete-section{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.account-settings h2,h3{margin-bottom:12px;color:#333}.account-settings p{margin:8px 0;color:#555}.account-settings input{width:100%;padding:10px;margin-top:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.account-settings svg{cursor:pointer}.account-settings button{margin-top:12px;padding:10px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;background-color:#137dff}.account-settings button:hover{background-color:#135dff}.delete-section button{margin-top:12px;padding:10px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;background-color:#f44336}.delete-section button:hover{background-color:#d32f2f}.account-info{display:flex;justify-content:space-between;align-items:center}.input-div{padding:4vh}.input-row{color:#fff;display:grid;grid-template-columns:1fr 3fr;white-space:nowrap;font-size:1.3rem;gap:1vw;align-items:center}.input-row input{font-size:1.3rem}.submit-button{background-color:green!important}.cancel-button{background-color:#f44336!important}.submit-button:hover{background-color:#006400!important}.cancel-button:hover{background-color:#d32f2f!important}.main-settings-container{display:flex}.settings-content{flex:1;display:flex;justify-content:center;align-items:center}.video-close-btn{position:absolute;width:1px!important;top:-50px;right:-80px;font-size:24px!important;background-color:#000;padding:0!important;border:none;color:#fff;cursor:pointer;z-index:10}.video-player{width:100%;border-radius:10px}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.files-page{padding:50px 20%;font-family:Arial,sans-serif;color:#333}.files-page button{padding:14px;font-size:14px;cursor:pointer}.files-list{width:80%;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a}.files-list h2{text-align:center;color:#333;margin:8px}ul{list-style:none;padding:0}.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ddd}.file-item:last-child{border-bottom:none}.listen-btn,.view-btn,.stream-btn,.download-btn,.file-button,.file-delete-btn{border:none;border-radius:5px;color:#fff;margin-left:10px}.download-btn{background-color:#007bff}.download-btn:hover{background-color:#0056b3}.file-delete-btn{background-color:#dc3545}.file-delete-btn:hover{background-color:#b71c1c}.listen-btn,.view-btn,.stream-btn{background-color:#28a745}.listen-btn:hover,.view-btn:hover,.stream-btn:hover{background-color:#218838}.file-button{background-color:#007bff;border-radius:5px;text-align:center;transition:background-color .2s}.file-button:hover{background-color:#0056b3}.files-list-header{display:flex;justify-content:space-between}.files-list-header svg{padding:0 8px;width:32px;height:42px;cursor:pointer}.files-list-right-div{display:flex}.file-item-button-div{display:flex;flex-wrap:nowrap}.collections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.collection-add-btn{border:none;border-radius:6px;transition:background-color .2s ease;background-color:#007bff;color:#fff}.collection-add-btn:hover{background-color:#0069d9}.collection-search{padding:14px;border-radius:6px;border:1px solid #ccc;flex:1}.view-toggle button{border:1px solid #ccc;background:#fff}.view-toggle .active{background:#007bff;color:#fff}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.collection-card{background-color:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;align-items:center}.collection-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.collection-icon{font-size:2.5rem;margin-bottom:10px}.collection-name{font-weight:600;font-size:1rem;color:#333}.collection-list{list-style:none;padding:0}.collection-list li{padding:10px;border-bottom:1px solid #ccc;cursor:pointer}.collection-list li:hover{background:#f0f0f0}.back-button{margin-left:10px;background:#ccc;border:none;border-radius:6px}.back-button:hover{background:#aaa}.file-popout-container{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;z-index:1000;display:flex;flex-direction:column;min-width:160px;overflow:hidden}.file-popout-container button{background:none;border:none;padding:10px 14px;text-align:left;cursor:pointer;font-size:14px;transition:background-color .15s ease}.file-popout-container button:hover{background:#f3f4f6}.transfer-progress{margin-top:10px;width:100%}.progress-bar-bg{width:100%;height:8px;background:#ddd;border-radius:4px;overflow:hidden}.progress-bar-fill{height:8px;background:#4caf50;transition:width .2s ease}.disabled-during-transfer{pointer-events:none;opacity:.55}.user-manager-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999}.user-manager-popup{background:#fff;border-radius:12px;padding:25px;width:80%;max-width:900px;max-height:85vh;overflow-y:auto;font-family:Arial,sans-serif;color:#333;box-shadow:0 4px 12px #0003}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-header h2{font-size:22px;margin:0}.close-icon{font-size:22px;cursor:pointer;transition:color .2s ease}.close-icon:hover{color:#c00}.user-controls{position:relative;display:flex;gap:10px;align-items:center;margin-bottom:20px}.user-controls input{flex:1;padding:8px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc}.user-controls button{padding:8px 14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .2s ease}.user-controls button:hover{background-color:#0069d9}.search-dropdown{position:absolute;top:42px;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;z-index:10000;max-height:200px;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.search-result{padding:8px 10px;cursor:pointer;font-size:14px;transition:background .2s}.search-result:hover{background:#f1f1f1}.user-table{border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.user-header,.user-row{display:grid;grid-template-columns:1fr 1fr 1fr 120px;gap:8px;padding:10px;font-size:14px;align-items:center}.user-header{background:#f1f1f1;font-weight:700;border-bottom:1px solid #ddd}.user-row{background:#f9f9f9;border-bottom:1px solid #eee}.user-row:nth-child(2n){background:#fcfcfc}.user-row select{padding:6px 8px;font-size:14px;border-radius:6px;border:1px solid #ccc}.actions{display:flex;gap:8px;align-items:center}.row-icon{padding:6px;font-size:16px;background-color:#e9ecef;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.actions button{padding:5px 10px;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.actions button:first-of-type{background-color:#28a745;color:#fff}.actions button:first-of-type:hover{background-color:#218838}.actions button:last-of-type{background-color:#6c757d;color:#fff}.actions button:last-of-type:hover{background-color:#5a6268}.pagination{margin-top:15px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.vault-page{font-family:Arial,sans-serif;color:#333;padding:50px 20%}.vault-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:15px}.vault-header select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:22px;background-color:#fff}.vault-header button{padding:14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.vault-header svg{padding:0 8px;width:32px;height:42px;cursor:pointer}.cog-wrapper{position:relative;display:inline-block}.vault-popout-container{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;z-index:1000;display:flex;flex-direction:column;min-width:160px;overflow:hidden}.vault-popout-container button{background:none;border:none;padding:10px 14px;text-align:left;cursor:pointer;font-size:14px;transition:background-color .15s ease}.vault-popout-container button:hover{background:#f3f4f6}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#218838}.add-btn{background-color:#007bff;color:#fff}.add-btn:hover{background-color:#0069d9}.vault-delete-btn{background-color:#dc3545;color:#fff}.vault-delete-btn:hover{background-color:#b71c1c}.vault-controls{display:flex;gap:10px;align-items:center;margin-bottom:15px}.vault-controls button{padding:6px 12px;font-size:13px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.vault-controls button:hover{background-color:#5a6268}.vault-controls input{padding:6px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;flex:1}.vault-table{display:grid;grid-template-rows:repeat(10,1fr);border:1px solid #ddd;border-radius:6px;height:70vh}.vault-row{display:flex;align-items:center;gap:6px;padding:8px;background:#f9f9f9;box-shadow:0 1px 3px #0000000a}.vault-row input[type=text],.vault-row input[type=password]{flex:1;padding:6px 8px;font-size:21px;border-radius:4px;border:1px solid #ccc}.row-icon{padding:5px 8px;font-size:18px;background-color:#e9ecef;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.row-icon:hover{background-color:#d6d8db}.pagination{margin-top:15px;display:flex;gap:6px;flex-wrap:wrap}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#007bff;color:#fff}.pagination .active{background-color:#007bff;color:#fff;border-color:#007bff}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.vault-page{padding:20px 5%}.vault-header{flex-direction:column;gap:8px;align-items:stretch}.vault-header select,.vault-header button,.vault-header svg{width:100%;font-size:16px;padding:10px}.vault-controls{flex-direction:column;gap:8px}.vault-controls input,.vault-controls button{width:100%;font-size:14px;padding:10px}.vault-table{display:flex;flex-direction:column;height:auto}.vault-row{flex-direction:column;align-items:stretch;gap:4px;padding:8px}.vault-row input{width:100%;font-size:14px}.vault-row svg.row-icon{width:28px;height:28px;margin-top:4px}.pagination{flex-wrap:wrap;justify-content:center;gap:6px}.pagination button{padding:6px 10px;font-size:14px}.vault-popout-container{left:auto;right:0;min-width:140px}}