@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html,#root{width:100%;height:100%;font-family:Plus Jakarta Sans,sans-serif}.home{width:100%;height:100vh;background-color:#fffbf2;display:flex;justify-content:center;align-items:center}.homeContainer{width:96%;height:92%;margin:auto;padding-top:40px}.homeContainerDiv{width:100%;height:100%;display:flex;flex-direction:row;gap:20px}.homeContainerDivLeft{height:100%}.homeContainerDivLeftContainer{position:relative;width:60px;height:95%;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.homeContainerDivLeftContainerOneContainerText{position:absolute;right:-32px;top:50%;transform:translateY(-50%) rotate(270deg);font-family:Inter,Arial,sans-serif;font-size:18px;letter-spacing:.25em;color:#222;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:10}.homeContainerDivLeftContainerTwoContainerOneOneLine{position:absolute;left:30px;top:0;width:4px;height:100%;background:#222;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.homeContainerDivLeftContainerTwoContainerOneContainerSlider{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:32px;height:80px;background:#ffff80;border:3px solid #222;box-shadow:0 2px 8px #0000000a;z-index:2}.homeContainerDivRight{width:100%;height:100%}.homeContainerDivRightContainer{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.homeContainerDivRightContainerEle{width:100%;height:100%}.homeContainerDivRightContainerEleContainer{width:100%;height:100%;display:flex;flex-direction:column;gap:25px}.homeContainerDivRightContainerEleContainerTop,.homeContainerDivRightContainerEleContainerTopContainer{width:100%}.homeContainerDivRightContainerEleContainerTopContainerBtn{width:200px;height:44px;border:2px solid black;border-radius:100px}.homeContainerDivRightContainerEleContainerTopContainerBtnEle{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.homeContainerDivRightContainerEleContainerTopContainerBtnEleText{font-family:Inter,Arial,sans-serif;font-size:16px;color:#222;font-weight:600;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.homeContainerDivRightContainerEleContainerBottom{width:100%;height:100%}.homeContainerDivRightContainerEleContainerBottomContainer{width:100%;display:flex;flex-direction:row;gap:50px}.homeContainerDivRightContainerEleContainerBottomContainerLeft{width:100%;max-width:600px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainer{width:100%}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerOneContainerText{font-size:64px;font-weight:700;text-transform:uppercase}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerTwo{width:100%;margin-top:50px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerTwoContainer,.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerTwoContainerDiv{width:100%}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerTwoContainerDivText{font-size:24px;color:#000;font-weight:500}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThree{width:100%;margin-top:80px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainer{width:100%;height:200px;border:2px solid black;display:flex;justify-content:center;align-items:center}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDiv{width:90%;height:90%;margin:auto}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivOneContainerText{font-size:20px;color:#000;font-weight:700;margin-top:20px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivTwo{width:100%;margin-top:40px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivTwoContainer{width:100%;height:2px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivTwoContainerLine{width:100%;height:100%;background-color:#000}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivThree{width:100%;margin-top:20px}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivThreeContainer{width:100%}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivThreeContainerText{font-size:19px;color:#000;font-weight:500}.homeContainerDivRightContainerEleContainerBottomContainerLeftContainerThreeContainerDivThreeContainerTextSpan{font-weight:700}.homeContainerDivRightShare{position:absolute;bottom:20px;right:20px}.homeContainerDivRightShareContainer{display:flex;flex-direction:column;align-items:center;gap:10px}.homeContainerDivRightShareContainerEleImg{width:50px;height:auto}.homeContainerDivRightShareContainerTextTxt{font-size:17px;color:#000;font-weight:600}.homeContainerDivRightContainerEleContainerBottomContainerRight,.homeContainerDivRightContainerEleContainerBottomContainerRightTop{width:100%;height:100%}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainer{width:100%;height:100%;background-color:#f08080;position:relative}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerOne{position:absolute}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerOneContainerIcon{width:280px;height:auto}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerTwo{position:absolute;top:270px;left:50px}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerTwoContainerIcon{width:340px;height:auto}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerThree{position:absolute;top:130px;left:290px}.homeContainerDivRightContainerEleContainerBottomContainerRightTopContainerThreeContainerIcon{width:320px;height:auto}.dashboard{width:100%;height:100vh;position:relative;background:url(https://images.pexels.com/photos/547115/pexels-photo-547115.jpeg?cs=srgb&dl=pexels-dreamypixel-547115.jpg&fm=jpg) no-repeat center center/cover;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.dashboardTopBar{position:absolute;top:0;left:0;width:100%;height:28px;background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:500;font-size:14px;z-index:3}.dashboardIconsGrid{position:absolute;inset:70px 50px 120px;z-index:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:40px 30px;align-content:flex-start;justify-items:center}.dashboardIconElement{width:100px;display:flex;flex-direction:column;align-items:center;cursor:pointer;border-radius:10px;padding:10px;transition:all .25s ease-in-out;background:transparent}.dashboardIconElement.selected{background-color:#ffffff4d;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 15px #fff9}.dashboardIconElement:hover{transform:scale(1.1)}.dashboardIconImage{width:60px;height:60px;object-fit:contain;pointer-events:none}.dashboardIconName{margin-top:6px;color:#fff;font-size:13px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.findFiles .dashboardDock{background-color:#cac2c280!important;border-radius:25px}.findFiles .dashboardDockLabel{color:#000!important;text-shadow:none}.findFiles .dashboardDockItem:hover .dashboardDockLabel{color:#000!important;opacity:.7}.dashboardDock{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:9999}.dashboardDockContainer{background:#ffffff40;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:25px;display:flex;align-items:center;padding-left:20px;padding-right:20px;padding-top:14px;gap:30px;box-shadow:0 8px 25px #00000080}.dashboardDockItem{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s ease-in-out;position:relative}.dashboardDockItem:hover{transform:scale(1.35) translateY(-15px)}.dashboardDockIcon{width:56px;height:56px;object-fit:contain}.dashboardDockLabel{font-size:11px;margin-top:6px;color:#fff;opacity:0;transition:opacity .25s ease-in-out;text-align:center}.dashboardDockItem:hover .dashboardDockLabel{opacity:1}.fileSharing{width:100vw;height:100vh;background:url(https://images.pexels.com/photos/547115/pexels-photo-547115.jpeg?cs=srgb&dl=pexels-dreamypixel-547115.jpg&fm=jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#fff}.macWindow{width:520px;background:#ffffff26;border-radius:18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 32px #1f268740;overflow:hidden;animation:fadeIn .4s ease}.macWindowHeader{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 18px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.2)}.macBtns{display:flex;gap:8px}.macBtn{width:12px;height:12px;border-radius:50%}.macBtn.red{background:#ff5f56}.macBtn.yellow{background:#ffbd2e}.macBtn.green{background:#27c93f}.macTitle{margin-left:10px;font-weight:500;color:#ffffffe6;font-size:14px}.macWindowBody{padding:24px 32px 36px;display:flex;flex-direction:column;gap:20px}.dropArea{border:2px dashed rgba(255,255,255,.4);border-radius:16px;padding:40px 20px;text-align:center;transition:.2s;cursor:pointer;position:relative}.dropArea:hover{background:#ffffff0d;border-color:#0af}.dropArea.dragActive{border-color:#007aff;background:#007aff14}.dropIcon{font-size:48px;opacity:.9;margin-bottom:12px}.dropText{font-size:15px;opacity:.9}.filePreview{display:flex;align-items:center;justify-content:space-between;background:#ffffff14;border-radius:12px;padding:10px 14px}.fileIcon{font-size:24px;margin-right:10px;color:#00c6fb}.fileDetails{flex-grow:1}.fileName{font-weight:600;color:#fff}.fileSize{font-size:13px;color:#fff9}.removeFileBtn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px}.removeFileBtn:hover{color:#f55}.uploadForm{display:flex;flex-direction:column;gap:14px}.formRow{display:flex;align-items:center;gap:10px;background:#ffffff1f;border-radius:10px;padding:10px 12px}.formRow svg{color:#fffc}.formRow input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.formRow input::placeholder{color:#fff;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.25);font-weight:500}.uploadBtn{background:linear-gradient(90deg,#007aff,#00c6fb);border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease}.uploadBtn:hover{transform:translateY(-2px);background:linear-gradient(90deg,#005fcc,#00a6d6)}.formError{color:#f77;font-size:14px}.formSuccess{color:#2eff8d;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login{width:100vw;height:100vh;background-color:#e6d3ff;display:flex;align-items:center;justify-content:center}.loginContainer{width:88%;height:90%;margin:auto;padding-top:45px}.loginContainerDiv{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between}.loginContainerDivLeft{flex:1;display:flex;justify-content:center;align-items:center}.loginContainerDivLeftContainer{width:80%;height:98%;background-color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center}.loginContainerDivLeftContainerModalDiv{width:90%;height:92%}.loginContainerDivLeftContainerModalDivModalOneContainerText{font-size:50px;font-weight:700;color:#000;line-height:63px}.loginContainerDivLeftContainerModalDivModalTwo{margin-top:20px}.loginContainerDivLeftContainerModalDivModalTwoContainerText{font-size:19px;font-weight:400;line-height:32px;color:#000}.loginContainerDivLeftContainerModalDivModalThree{margin-top:30px}.loginContainerDivLeftContainerModalDivModalThreeContainer{display:flex;flex-direction:column;gap:20px}.loginContainerDivLeftContainerModalDivModalThreeContainerElementInput{width:100%;height:48px;border:none;outline:none;border-radius:100px;padding-left:20px;font-size:16px;font-weight:400;color:#000;background-color:#f1f5f9}.loginContainerDivLeftContainerModalDivModalFour{margin-top:30px}.loginContainerDivLeftContainerModalDivModalFourBtn{width:100%;height:48px;background-color:#000;border:2px solid black;border-radius:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.loginContainerDivLeftContainerModalDivModalFourBtn:hover{background-color:#fff}.loginContainerDivLeftContainerModalDivModalFourBtn:hover .loginContainerDivLeftContainerModalDivModalFourBtnText{color:#000}.loginContainerDivLeftContainerModalDivModalFourBtnText{font-size:18px;font-weight:600;color:#fff;transition:all .3s ease-in-out}.loginContainerDivLeftContainerModalDivModalFive{margin-top:20px;text-align:center}.loginContainerDivLeftContainerModalDivModalFiveText{font-size:16px;color:#000}.loginContainerDivLeftContainerModalDivModalFiveTextSpan{font-weight:600;cursor:pointer}.loginContainerDivRight{flex:1;display:flex;justify-content:flex-start}.loginContainerDivRightContainer{width:100%}.loginContainerDivRightContainerContent{display:flex;flex-direction:column;justify-content:center;padding-left:60px}.loginContainerDivRightContainerOneText{font-size:16px;font-weight:400;color:#000}.loginContainerDivRightContainerTwoText{font-size:50px;font-weight:700;color:#000;margin-top:20px}.loginContainerDivRightContainerThreeText{font-size:24px;font-weight:400;line-height:38px;color:#000;margin-top:15px;max-width:400px}.loginContainerDivRightContainerFour{margin-top:40px;display:flex;flex-direction:column;gap:20px}.loginContainerDivRightContainerFourElement{display:flex;align-items:center;gap:20px}.loginContainerDivRightContainerFourElementIcon{color:#000;width:20px;height:auto}.loginContainerDivRightContainerFourElementText{font-size:18px;font-weight:400;color:#000}.myfiles-overlay{background:linear-gradient(to bottom,#667eea4d,#764ba24d)}.myfiles-main-container{position:absolute;inset:70px 50px 120px;z-index:2;overflow-y:auto;padding:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.myfiles-title{color:#fff;margin-bottom:30px;text-align:center;font-size:32px}.myfiles-loading{color:#fff;text-align:center}.myfiles-empty{text-align:center;color:#fff}.myfiles-empty-text{font-size:18px;margin-bottom:20px}.myfiles-upload-btn{padding:12px 30px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.myfiles-upload-btn:hover{background:#e6e6ff;color:#4c51bf}.myfiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;padding:20px}.myfiles-card{background:#fffffff2;border-radius:12px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000001a;position:relative}.myfiles-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003}.myfiles-file-icon{width:80px;height:80px;object-fit:contain;margin-bottom:10px;cursor:pointer}.myfiles-filename{font-weight:700;margin-bottom:5px;word-break:break-word;font-size:14px}.myfiles-size{font-size:12px;color:#666}.myfiles-date{font-size:11px;color:#999;margin-top:5px}.myfiles-meta{margin-top:10px;display:flex;justify-content:center;gap:10px;font-size:14px;align-items:center}.myfiles-meta-item{display:flex;align-items:center;gap:4px}.myfiles-comment-icon{color:#3b82f6}.myfiles-heart-icon{color:#f44}.myfiles-actions{margin-top:15px;display:flex;gap:10px;justify-content:center}.myfiles-view-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-weight:700;transition:background .2s}.myfiles-view-btn:hover{background:#4c51bf}.myfiles-delete-btn{padding:6px 12px;background:#f44;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-weight:700;transition:background .2s}.myfiles-delete-btn:hover{background:#c82333}.myfiles-container,.profile-container,.publicdownload-container{padding:2rem}.register{width:100vw;height:100vh;background-color:#e6d3ff;display:flex;align-items:center;justify-content:center}.registerContainer{width:88%;height:90%;margin:auto;padding-top:45px}.registerContainerDiv{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between}.registerContainerDivLeft,.registerContainerDivRight{display:flex;flex:1}.registerContainerDivLeftContainer{width:100%;display:flex;flex-direction:column}.registerContainerDivLeftContainerOneContainerText{font-size:16px;font-weight:400;color:#000;line-height:24px}.registerContainerDivLeftContainerTwo{margin-top:30px}.registerContainerDivLeftContainerTwoContainerText{font-size:50px;font-weight:700;color:#000}.registerContainerDivLeftContainerThree{margin-top:15px}.registerContainerDivLeftContainerThreeContainer{max-width:400px}.registerContainerDivLeftContainerThreeContainerText{font-size:24px;font-weight:400;line-height:38px;color:#000}.registerContainerDivLeftContainerFour{margin-top:40px}.registerContainerDivLeftContainerFourContainer{display:flex;flex-direction:column;gap:20px}.registerContainerDivLeftContainerFourContainerElemenet{width:100%}.registerContainerDivLeftContainerFourContainerElemenetContainer{width:100%;display:flex;flex-direction:row;align-items:center;gap:20px}.registerContainerDivLeftContainerFourContainerElemenetContainerLeft{height:100%;display:flex;align-items:center}.registerContainerDivLeftContainerFourContainerElemenetContainerLeftIcon{display:flex;align-items:center;color:#000;width:20px;height:auto}.registerContainerDivLeftContainerFourContainerElemenetContainerRight{height:100%;display:flex;align-items:center}.registerContainerDivLeftContainerFourContainerElemenetContainerRightText{font-size:18px;font-weight:400;color:#000}.registerContainerDivRight{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.registerContainerDivRightContainer{width:80%;height:98%;background-color:#fff;margin:auto;display:flex;justify-content:center;align-items:center;border-radius:20px}.registerContainerDivRightContainerModalDiv{width:90%;height:92%;margin:auto}.registerContainerDivRightContainerModalDivModalOneContainerText{font-size:50px;font-weight:700;color:#000;line-height:63px}.registerContainerDivRightContainerModalDivModalTwo{margin-top:20px}.registerContainerDivRightContainerModalDivModalTwoContainerDivText{font-size:19px;font-weight:400;line-height:32px;color:#000}.registerContainerDivRightContainerModalDivModalThree{margin-top:30px;width:100%}.registerContainerDivRightContainerModalDivModalThreeContainer{width:100%;display:flex;flex-direction:column;gap:20px}.registerContainerDivRightContainerModalDivModalThreeContainerElement{width:100%;height:48px}.registerContainerDivRightContainerModalDivModalThreeContainerElementDiv{width:100%;height:100%}.registerContainerDivRightContainerModalDivModalThreeContainerElementDivText{width:100%;height:100%;border:none;outline:none;border-radius:100px;padding-left:20px;font-size:16px;font-weight:400;color:#000;background-color:#f1f5f9}.registerContainerDivRightContainerModalDivModalFour{margin-top:30px;width:100%}.registerContainerDivRightContainerModalDivModalFourContainer{width:100%}.registerContainerDivRightContainerModalDivModalFourContainerBtn{width:100%;height:48px}.registerContainerDivRightContainerModalDivModalFourContainerBtnContainer{width:100%;height:100%;background-color:#000;border:2px solid black;border-radius:100px;cursor:pointer;transition:all .3s ease-in-out}.registerContainerDivRightContainerModalDivModalFourContainerBtnContainer:hover{background-color:#fff}.registerContainerDivRightContainerModalDivModalFourContainerBtnContainer:hover .registerContainerDivRightContainerModalDivModalFourContainerBtnContainerText{color:#000}.registerContainerDivRightContainerModalDivModalFourContainerBtnContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.registerContainerDivRightContainerModalDivModalFourContainerBtnContainerText{font-size:18px;font-weight:600;color:#fff;transition:all .3s ease-in-out}.registerContainerDivRightContainerModalDivModalFive{margin-top:20px;width:100%}.registerContainerDivRightContainerModalDivModalFiveContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.registerContainerDivRightContainerModalDivModalFiveContainerText{font-size:16px;font-weight:400;color:#000;line-height:24px}.registerContainerDivRightContainerModalDivModalFiveContainerTextSpan{font-size:16px;font-weight:600;color:#000;cursor:pointer}.settings-overlay{background:linear-gradient(to bottom,#667eea4d,#764ba24d)}.settings-main-container{position:absolute;inset:70px 50px 120px;z-index:2;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex}.settings-sidebar{width:220px;background:#f0f0f5cc;border-right:1px solid rgba(0,0,0,.1);padding:20px 10px;overflow-y:auto}.settings-sidebar-title{font-size:24px;font-weight:700;margin-bottom:20px;padding-left:10px}.settings-tab-item{padding:12px 15px;margin-bottom:5px;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:400;box-shadow:none;transition:all .2s}.settings-tab-item.active{background:#fff;font-weight:700;box-shadow:0 2px 8px #0000001a}.settings-tab-icon{font-size:20px;display:flex;align-items:center}.settings-content-area{flex:1;padding:40px;overflow-y:auto}.settings-section-title{font-size:28px;font-weight:700;margin-bottom:30px}.settings-field{margin-bottom:30px}.settings-label{display:block;font-weight:700;margin-bottom:8px}.settings-input{width:100%;max-width:400px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#f5f5f5}.settings-muted-text{color:#666}.settings-box{margin-bottom:25px;padding:20px;background:#f9f9f9;border-radius:8px}.settings-box-title{margin-bottom:10px}.settings-box-desc{margin-bottom:15px}.settings-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.settings-btn-primary{background:#667eea;color:#fff}.settings-btn-primary:hover{background:#4c51bf}.settings-btn-success{background:#28a745;color:#fff}.settings-btn-success:hover{background:#218838}.settings-btn-danger{background:#dc3545;color:#fff}.settings-btn-danger:hover{background:#b52a37}.settings-box-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px}.settings-box-row-title{margin-bottom:5px}.settings-box-row-desc{font-size:14px}.settings-checkbox-label{display:flex;align-items:center;cursor:pointer}.settings-checkbox{width:20px;height:20px}.settings-select{padding:8px 12px;border-radius:6px;border:1px solid #ddd}.settings-box-warning{margin-top:40px;background:#fff3cd;border:1px solid #ffc107}.settings-box-warning-title{margin-bottom:10px;color:#856404}.settings-box-warning-desc{color:#856404;font-size:14px;margin-bottom:15px}.settings-container{padding:2rem}.fileDetailsPage{width:100%;height:100vh;position:relative;background:url(https://images.pexels.com/photos/547115/pexels-photo-547115.jpeg?cs=srgb&dl=pexels-dreamypixel-547115.jpg&fm=jpg) no-repeat center center/cover;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.dashboardOverlay{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000040);z-index:1;padding-bottom:140px}.safariTopBar{height:50px;margin-top:28px;width:100%;background:linear-gradient(to bottom,#f6f6f8,#dcdce1);border-bottom:1px solid #bfbfc4;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box;z-index:100}.safariAddressBar{flex:1;display:flex;justify-content:center}.safariFileTitle{font-size:15px;color:#444;font-weight:500}.safariRightIcons{display:flex;align-items:center}.fileDetailsContent{flex:1;overflow-y:auto;padding:40px 60px 150px;background:#f5f5f5;z-index:2}.fileHeader{display:flex;align-items:center;gap:20px;background:#fff;padding:25px;border-radius:14px;box-shadow:0 2px 6px #0000001a;margin-bottom:25px}.fileHeaderIcon{width:80px;height:80px;object-fit:contain}.fileHeaderInfo h1{font-size:22px;margin-bottom:5px}.fileUploadDate{font-size:13px;color:#888}.downloadBtn{margin-left:auto;background:#007aff;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .2s}.downloadBtn:hover{background:#005fcc}.fileDescription{background:#fff;padding:20px;border-radius:14px;box-shadow:0 2px 6px #0000001a;margin-bottom:25px}.fileDescription h3{margin-bottom:10px}.reactionsSection{background:#fff;padding:20px;border-radius:14px;box-shadow:0 2px 6px #0000001a;margin-bottom:25px}.reactionsRow{display:flex;gap:10px;flex-wrap:wrap}.reactionBtn{padding:8px 15px;border:none;border-radius:20px;font-size:16px;cursor:pointer;background:#f0f0f0;transition:all .2s}.reactionBtn.active{background:#007aff;color:#fff}.commentsSection{background:#fff;padding:20px;border-radius:14px;box-shadow:0 2px 6px #0000001a}.commentsSection textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;min-height:80px;resize:vertical}.commentsSection button{margin-top:10px;background:#007aff;color:#fff;border:none;border-radius:8px;padding:8px 18px;cursor:pointer;font-weight:500}.commentsList{margin-top:20px;display:flex;flex-direction:column;gap:12px}.commentCard{background:#fafafa;padding:15px;border-radius:8px;border:1px solid #eee}.commentHeader{display:flex;justify-content:space-between;margin-bottom:6px}.commentUser{font-weight:700;color:#007aff}.commentDate{font-size:12px;color:#999}.commentContent{color:#333}.noComments{text-align:center;color:#999;font-size:14px}.loadingScreen{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f5f5;font-size:18px;color:#555}.fileIconWrapper{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:16px}.fileTypeIcon{font-size:50px}.fileTypeIcon.image{color:#00bcd4}.fileTypeIcon.video{color:#ff9800}.fileTypeIcon.audio{color:#9c27b0}.fileTypeIcon.pdf{color:#e53935}.fileTypeIcon.archive{color:#607d8b}.fileTypeIcon.text{color:#4caf50}.fileTypeIcon.default{color:#9e9e9e}.downloadBtn svg{margin-right:6px}.browseAllBtn svg{margin-right:6px}.fileIconLarge{width:80px;height:80px;object-fit:contain}.sharelinks-container,.reportincident-container,.help-container,.securitysettings-container{padding:2rem}.fileStatsRow{margin-top:8px;display:flex;gap:10px;font-size:15px;align-items:center;justify-content:flex-start}.fileStat{display:flex;align-items:center;gap:3px;font-weight:500}.fileStat--comments{color:#1976d2}.fileStat--hearts{color:#e53935}.findFiles{width:100%;height:100vh;position:relative;background:url(https://images.pexels.com/photos/547115/pexels-photo-547115.jpeg?cs=srgb&dl=pexels-dreamypixel-547115.jpg&fm=jpg) no-repeat center center/cover;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.dashboardOverlay{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000040);z-index:1}.safariTopBar{height:50px;margin-top:28px;width:100%;background:linear-gradient(to bottom,#f6f6f8,#dcdce1);border-bottom:1px solid #bfbfc4;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box}.safariButtons{display:flex;align-items:center;gap:8px}.safariBtn{width:13px;height:13px;border-radius:50%}.safariBtn.red{background:#ff5f57}.safariBtn.yellow{background:#febc2e}.safariBtn.green{background:#28c840}.safariAddressBar{flex:1;display:flex;justify-content:center;z-index:1000}.safariSearchInput{width:400px;height:32px;border-radius:8px;border:1px solid #b0b0b3;background-color:#f9f9fa;text-align:center;font-size:14px;color:#333;outline:none;transition:all .2s ease}.safariSearchInput:focus{border-color:#007aff;box-shadow:0 0 5px #007aff66}.safariRightIcons{display:flex;align-items:center;z-index:1000}.browseAllBtn{background:#007aff;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.browseAllBtn:hover{background:#005fcc}.findFilesContent{flex:1;overflow-y:auto;padding:40px 60px;z-index:1000;background-color:#f5f5f5}.filesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px}.fileCard{background:#fff;border-radius:14px;box-shadow:0 2px 6px #0000001a;padding:20px 15px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.fileCard:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0003}.fileIcon img{width:60px;height:60px;object-fit:contain;margin-bottom:10px}.fileName{font-size:15px;font-weight:600;color:#222}.fileMeta{font-size:12px;color:#777;margin-top:4px}.noResults{font-size:16px;color:#666;text-align:center;margin-top:50px}.navbar{width:100%;height:60px;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center}.navbarContainer{width:90%;height:100%;margin:auto}.navbarContainerDiv{width:100%;height:100%}.navbarContainerDivContainer{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.navbarContainerDivContainerLeft,.navbarContainerDivContainerCenter,.navbarContainerDivContainerRight{display:flex;flex:1}.navbarContainerDivContainerLeft,.navbarContainerDivContainerCenter{width:100%;height:100%}.navbarContainerDivContainerCenterContainer{width:100%;height:100%;display:flex;align-items:center;gap:10px}.navbarContainerDivContainerCenterContainerOne{height:100%;display:flex;justify-content:center;align-items:center}.navbarContainerDivContainerCenterContainerOneIcon{width:40px;height:auto;display:flex;justify-content:center;align-items:center}.navbarContainerDivContainerCenterContainerTwo{height:100%;display:flex;justify-content:center;align-items:center}.navbarContainerDivContainerCenterContainerTwoText{font-size:24px;font-weight:600;color:#000}.navbarContainerDivContainerRight{width:100%;height:100%}.navbarContainerDivContainerRightContainer{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center}.navbarContainerDivContainerRightContainerEleContainer{width:90%;margin:auto;height:100%;display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;padding-left:24px;padding-right:24px}.navbarContainerDivContainerRightContainerEleTwo{width:2px;height:44px;display:flex;align-items:center;justify-content:center}.navbarContainerDivContainerRightContainerEleTwoLine{width:2px;height:100%;background-color:#000;border-radius:2px}.navbarContainerDivContainerRightContainerEleOne{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-top:2px solid black;border-left:2px solid black;border-bottom:2px solid black;height:44px;width:100px;border-radius:100px 0 0 100px/100px 0px 0px 100px;cursor:pointer;transition:all .3s ease-in-out}.navbarContainerDivContainerRightContainerEleOne:hover,.navbarContainerDivContainerRightContainerEleOne.active{background-color:#000;color:#fff}.navbarContainerDivContainerRightContainerEleOne.active .navbarContainerDivContainerRightContainerEleOneText,.navbarContainerDivContainerRightContainerEleOne:hover .navbarContainerDivContainerRightContainerEleOneText{color:#fff}.navbarContainerDivContainerRightContainerEleThree{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-top:2px solid black;border-right:2px solid black;border-bottom:2px solid black;height:44px;width:100px;border-radius:0 100px 100px 0/0px 100px 100px 0px;cursor:pointer;transition:all .3s ease-in-out}.navbarContainerDivContainerRightContainerEleThree:hover,.navbarContainerDivContainerRightContainerEleThree.active{background-color:#000;color:#fff}.navbarContainerDivContainerRightContainerEleThree.active .navbarContainerDivContainerRightContainerEleThreeText,.navbarContainerDivContainerRightContainerEleThree:hover .navbarContainerDivContainerRightContainerEleThreeText{color:#fff}.navbarContainerDivContainerRightContainerEleOneText,.navbarContainerDivContainerRightContainerEleThreeText{font-size:18px;color:#000;font-weight:500;transform:translateY(-1.2px);transition:all .3s ease-in-out}