@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.custom-button{display:flex;justify-content:center;align-items:center;padding:10px 15px;background-color:var(--btn-clr);outline:3px var(--btn-clr) solid;outline-offset:-3px;border-radius:2em;border:none;cursor:pointer;transition:.4s}.custom-button.small{width:10em}.custom-button.medium{width:20em}.custom-button.large{width:100%}.custom-button .content{color:var(--text-clr);font-weight:700;font-size:var(--font-size);transition:.4s}.custom-button svg path{transition:.4s}.custom-button:hover{background-color:transparent}.custom-button:hover .content{color:var(--btn-clr)}input.default{background:transparent;outline:none;border:2px solid var(--line-clr);border-radius:2em;font-size:var(--font-size);color:var(--text-clr);padding:15px;box-sizing:border-box;white-space:nowrap}input.default.small{width:20em}input.default.medium{width:30em}input.default.large{width:100%}input::placeholder{color:var(--sec-text-clr)}input:hover{box-shadow:0 2px 4px var(--line-clr)}.modal-overlay.login{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box.login{background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-clr);border:1px solid var(--line-clr);border-radius:1em;width:90%;max-width:550px;padding:2em;position:relative}.modal-close.login{position:absolute;top:1em;right:1em;background:transparent;border:none;font-size:1.5em;color:var(--text-clr);cursor:pointer}.dialog-body.login form{width:100%;display:none}.dialog-body.login form.active{display:block}.dialog-body.login .input-box{width:100%;position:relative;margin:1em 0}.dialog-body.login .button-container{margin-top:1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.dialog-body.login .remember-forgot,.dialog-body.login .terms{font-size:.8em;color:var(--text-clr);display:flex;justify-content:space-between;margin-top:1.5em}.dialog-body.login .remember-forgot p,.dialog-body.login .terms p{display:flex;align-items:center;gap:5px;color:var(--text-clr)}.dialog-body.login .login-register{display:flex;justify-content:center;margin-top:1.5em}.dialog-body.login .login-register p{color:var(--text-clr)}.dialog-body.login .remember-forgot a,.dialog-body.login .login-register p a{text-decoration:none;color:var(--text-clr);font-weight:700;margin-left:5px}.dialog-body.login .remember-forgot a:hover,.dialog-body.login .login-register p a:hover{text-decoration:underline}.dialog-body.login .loginErrorMessage{color:var(--error-clr);font-size:.9em;margin-top:.5em;text-align:center}.sidebar{height:100vh;width:250px;padding:5px;box-sizing:border-box;border-right:1px solid var(--line-clr);position:absolute;z-index:999;top:0;align-self:start;transition:.3s ease-in-out;overflow:hidden;text-wrap:nowrap;background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar.close{padding:5px;width:60px}.sidebar ul{list-style:none}.sidebar>ul>li:first-child{display:flex;justify-content:flex-end;margin-bottom:16px}.sidebar>ul>li:first-child .logo{font-weight:600}.sidebar ul li.active a{color:var(--accent-clr)}.sidebar ul li.active a svg{fill:var(--accent-clr)}.sidebar a,.sidebar .dropdown-btn,.sidebar .logo{border-radius:.5em;padding:.85em;text-decoration:none;color:var(--text-clr);display:flex;align-items:center;gap:1em}.sidebar .dropdown-btn{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}.sidebar svg{flex-shrink:0;fill:var(--text-clr)}.sidebar a span,.sidebar .dropdown-btn span{flex-grow:1}.sidebar a:hover,.sidebar .dropdown-btn:hover{background-color:var(--hover-clr)}.sidebar .sub-menu{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out}.sidebar .sub-menu>div{overflow:hidden}.sidebar .sub-menu.show{grid-template-rows:1fr}.dropdown-btn svg{transition:.2s ease}.sidebar .rotate svg:last-child{rotate:180deg}.sidebar .sub-menu a{padding-left:2em}.sidebar #toggle-btn{margin-left:auto;padding:1em;border:none;border-radius:.5em;background:none;cursor:pointer}.sidebar #toggle-btn svg{transition:rotate .15s ease}.sidebar #toggle-btn:hover{background-color:var(--hover-clr)}@media (max-width: 800px){.sidebar{height:60px;width:100%;border-right:none;border-top:1px solid var(--line-clr);padding:0;position:fixed;top:unset;bottom:0;color:var(--text-clr);z-index:9990}.sidebar ul{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;width:100%;padding:0}.sidebar ul li{display:flex;flex:1;justify-content:center;align-items:center;width:60px;height:100%}.sidebar ul a,.sidebar ul .dropdown-btn{width:100%;height:60px;padding:0;border-radius:0;justify-content:center}.sidebar ul li span,.sidebar ul li:first-child,.sidebar .dropdown-btn svg:last-child{display:none}.sidebar ul li .sub-menu{background-color:var(--sec-base-clr);position:fixed;display:none}.sidebar ul li ul.sub-menu.show{position:fixed;z-index:9999;bottom:60px;left:0;box-sizing:border-box;height:60px;width:100%;background-color:var(--sec-base-clr);border-top:1px solid var(--line-clr);justify-content:center;display:flex;transition:.3s ease-in-out}.sidebar ul li ul.sub-menu.show div{display:flex;justify-content:space-around;width:100%}.sidebar ul li ul.sub-menu.show li{display:flex;flex:1}.sidebar ul li ul.sub-menu.show a{box-sizing:border-box;padding:1em;width:100%;height:100%;justify-content:center;color:var(--text-clr)}.sidebar ul li ul.sub-menu.show a span{display:block;font-size:var(--font-size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.sidebar ul li ul.sub-menu.show a:hover{background-color:var(--hover-clr)}}main.profile{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 3em 3em;width:100%;margin-left:60px;min-height:100vh;overflow-x:hidden}.profile .container.account-details .container-title{color:var(--text-clr);width:100%;display:flex;text-align:start;align-items:start;font-weight:700;padding-bottom:1em}.profile .container.account-details .container-title .edit-btn{width:48px;height:48px;position:absolute;right:15px;top:15px;background:transparent;border:none;border-radius:2em}.profile .container.account-details .container-title .edit-btn:hover{background-color:var(--hover-clr)}.profile .container.account-details{background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:auto;display:flex;flex-direction:column;align-items:start;gap:1em;padding:1.5em;border-radius:1em;margin-bottom:3em}.profile .container.account-details .info-item{width:100%;height:auto;display:flex;justify-content:space-between;border-bottom:1px solid var(--line-clr);padding-bottom:.5em}.profile .container.account-details .info-item .label{color:var(--sec-text-clr);width:30%;display:flex;text-align:start;align-items:center}.profile .container.account-details .info-item .value{flex:1;text-align:left}.profile .container.account-details .info-item .value-input{flex:1;text-align:left;border:none;background:none;border:1px solid var(--line-clr);border-radius:.3em;font-size:var(--font-size);color:var(--text-clr);padding:15px}.profile .container.account-details .info-item.password .password-inputs{flex:1;display:flex;flex-direction:column;gap:1em}.profile .container.account-details .interaction-container{width:100%;display:flex;justify-content:center;align-items:center;gap:2em}.profile .no-content{width:100%;text-align:center}@media (max-width: 800px){main.profile{margin-left:0;padding:0 1em 60px}}main.home{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 3em 3em;width:100%;margin-left:60px;min-height:100vh;overflow-x:hidden}.home .container-box{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%}.home .container-box .container{background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:250px;height:150px}.home .container-box .container.ref{cursor:pointer}.home .container-box .container.ref:hover{transform:scale(1.02);transition:.4s}@media (max-width: 900px){main.home{margin-left:0;padding:0 1em 60px}.container-box{display:flex;flex-direction:column}}.modal-overlay.note-input{position:fixed;inset:0;background-color:var(--shadow-clr);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box.note-input{color:var(--text-clr);border:1px solid var(--line-clr);border-radius:1em;width:90%;max-width:600px;padding:2em;position:relative;background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-close.note-input{position:absolute;top:1em;right:1em;background:transparent;border:none;font-size:1.5em;color:var(--text-clr);cursor:pointer}.dialog-header.note-input{display:flex;height:50px;margin-top:1em;justify-content:center;gap:20px}.dialog-header.note-input .note-tab{display:flex;width:10em;font-size:var(--font-size);font-weight:700;color:var(--text-clr);border-radius:1em;border:none;outline:none;cursor:pointer;background:none;background-color:var(--base-clr);justify-content:center;align-items:center}.dialog-header.note-input .note-tab:hover{background-color:var(--hover-clr)}.dialog-header.note-input .note-tab.active{border:1px solid var(--marker-clr)}.dialog-body.note-input{padding:20px;min-height:200px;display:flex;align-items:center;justify-content:center}.dialog-body.note-input .note-text-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1em;gap:10px}.dialog-body.note-input .note-text-container .note-textarea{width:100%;min-height:64px;max-height:400px;height:100px;padding:1em;resize:vertical;color:var(--text-clr);font-size:var(--font-size);background:none;border:1px solid var(--line-clr);border-radius:1em;outline:none}.dialog-body.note-input .note-text-container .custom-button{margin-top:1em}.dialog-body.note-input .note-file-container{text-align:center;color:#666;font-size:14px;margin-top:1em;display:flex;flex-direction:column;align-items:center}.dialog-body.note-input .note-file-container .drop-zone{border:2px dashed var(--line-clr);padding:30px;border-radius:10px;text-align:center;cursor:pointer;transition:.3s;border-color:var(--line-clr)}.dialog-body.note-input .note-file-container .drop-zone.active{background:var(--hover-clr);border-color:var(--text-clr)}.dialog-body.note-input .note-file-container .drop-zone p{color:var(--sec-text-clr);margin:10px 0}.dialog-body.note-input .note-file-container .drop-zone label{color:var(--text-clr);font-weight:700;cursor:pointer}.dialog-body.note-input .note-file-container .drop-zone label:hover{text-decoration:underline}.dialog-body.note-input .note-file-container .drop-zone svg{color:var(--text-clr);size:20em}.dialog-body.note-input .note-file-container .file-info{padding:10px;border:2px solid var(--line-clr);border-radius:5px;margin-top:10px}.dialog-body.note-input .note-file-container .file-info .file-info-list{list-style:none;text-align:left}.dialog-body.note-input .note-file-container .file-info .file-info-list li button{margin-left:10px;text-align:right;background:transparent;border:none;color:var(--text-clr);font-weight:700;cursor:pointer}.dialog-body.note-input .note-file-container .progress-bar{margin-top:1em}.dialog-body.note-input .note-file-container .progress-bar .progress{width:100%;height:8px;border-radius:5px}.dialog-body.note-input .note-file-container .custom-button{margin-top:1em}.dialog-body.note-input .note-file-container .success{margin-top:1em;color:var(--sucess-clr);font-weight:700}.dialog-body.note-input .note-file-container .error{color:var(--error-clr);font-weight:700}.modal-overlay.file-player{position:fixed;inset:0;background-color:var(--shadow-clr);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.modal-close.file-player{position:absolute;top:1em;right:1em;width:38px;height:38px;border-radius:50%;background:var(--accent-clr);border:none;font-size:1.5em;color:var(--text-clr);cursor:pointer}.modal-close.file-player:hover{background-color:var(--hover-clr)}.modal-box.file-player{max-width:80%;background-color:var(--base-clr);color:var(--text-clr);border:2px solid var(--line-clr);border-radius:1em;position:relative}.modal-box.file-player .file-player-media{max-width:100%;height:auto;border-radius:1em;display:block;margin:0 auto;max-height:70vh;object-fit:contain}main.cloud{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 3em 3em;width:100%;margin-left:60px;min-height:100vh;overflow-x:hidden}.cloud .container-box{width:100%;overflow-x:hidden;box-sizing:border-box;border:1px solid var(--line-clr);border-radius:1em;padding:1em 2em 2em;min-height:calc(100vh - 15em);overflow:visible;background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cloud .container-box .interaction-container{display:flex;justify-content:space-between;padding-bottom:1em;border-bottom:1px solid var(--line-clr)}.cloud .container-box .interaction-container .group1,.cloud .container-box .interaction-container .group2{display:flex;gap:.5em;position:relative}:is(.cloud .container-box .interaction-container .group1,.cloud .container-box .interaction-container .group2) button{background-color:transparent;border:none;border-radius:.5em;cursor:pointer;height:48px;width:48px}:is(.cloud .container-box .interaction-container .group1,.cloud .container-box .interaction-container .group2) button svg{fill:var(--text-clr)}:is(.cloud .container-box .interaction-container .group1,.cloud .container-box .interaction-container .group2) button:hover{background-color:var(--hover-clr)}.cloud .container-box .interaction-container .dropdown-menu,.cloud .container-box .note-list .note-item .dropdown-menu{position:absolute;z-index:300;right:0;top:100%;background-color:var(--base-clr);border-radius:8px;padding:.5em;display:flex;flex-direction:column;gap:.4em;min-width:120px;box-shadow:0 8px 12px var(--shadow-clr);animation:slideDown .3s ease forwards}:is(.cloud .container-box .interaction-container .dropdown-menu,.cloud .container-box .note-list .note-item .dropdown-menu) button{width:100%;height:auto;background:none;border:none;padding:.5em;color:var(--text-clr);text-align:left;font-size:.95em;border-radius:6px;transition:background-color .2s ease;cursor:pointer}:is(.cloud .container-box .interaction-container .dropdown-menu,.cloud .container-box .note-list .note-item .dropdown-menu) button:hover{background-color:var(--hover-clr)}.cloud .container-box .note-list{margin-top:1.5em;box-sizing:border-box;display:flex;flex-direction:column}.cloud .container-box .note-list .note-item{display:flex;width:100%;min-height:64px;height:auto;align-items:center;box-sizing:border-box;margin-top:.3em;position:relative}.cloud .container-box .note-list .note-item.active{transform:scale(1.02);z-index:200}.cloud .container-box .note-list .note-item:hover{transform:scale(1.02);transition:.4s}.cloud .container-box .note-list .empty-list{margin-top:2em;text-align:center;color:var(--sec-text-clr);font-size:1.2em}.cloud .container-box .note-list .note-item .note-content{flex:1 1 100%;border:2px solid var(--line-clr);border-radius:.3em;font-size:var(--font-size);color:var(--text-clr);padding:15px 70px 15px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud .container-box .note-list .note-item .note-content.file{cursor:pointer}.cloud .container-box .note-list .note-item .note-edit-container{position:relative;display:flex;align-items:flex-start;width:100%;transform:scale(1.04)}.cloud .container-box .note-list .note-item .note-edit-container .note-content.edit-mode{z-index:250;resize:vertical;min-height:64px;max-height:400px;background-color:transparent;border:2px solid var(--marker-clr);margin:.5em 0;padding:15px;white-space:unset;overflow:unset;text-overflow:unset}.cloud .container-box .note-list .note-item .note-edit-container .note-edit-buttons{position:absolute;top:0;right:35px;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:.5em;z-index:400}.cloud .container-box .note-list .note-item .note-edit-container .note-edit-buttons .edit-save-btn,.cloud .container-box .note-list .note-item .note-edit-container .note-edit-buttons .edit-cancel-btn{color:var(--text-clr);background-color:var(--base-clr);border:1px solid var(--line-clr);border-radius:.4em;padding:4px 10px;cursor:pointer;font-size:.7em;transition:background-color .2s ease}.cloud .container-box .note-list .note-item .note-edit-container .note-edit-buttons .edit-save-btn:hover,.cloud .container-box .note-list .note-item .note-edit-container .note-edit-buttons .edit-cancel-btn:hover{background-color:var(--hover-clr)}textarea:focus{outline:none}.cloud .container-box .note-list .note-item .note-options-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:transparent;border:none;opacity:0;visibility:hidden;cursor:pointer;transition:opacity .2s ease;font-size:2em;color:var(--text-clr)}.cloud .container-box .note-list .note-item .note-options-btn.active{opacity:1;visibility:visible;transition:opacity .2s ease;background-color:var(--accent-clr)}.cloud .container-box .note-list .note-item .dropdown-menu.note-options{right:12px;top:50px}.cloud .container-box .note-list .note-item:hover .note-options-btn{opacity:1;visibility:visible}.cloud .container-box .note-list .note-item:hover .note-options-btn:hover{background-color:var(--accent-clr)}@media (max-width: 800px){main.cloud{margin-left:0;padding:0 1em 120px}}main.legal{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 3em 3em;width:100%;margin-left:60px;min-height:100vh;overflow-x:hidden}.legal-page{width:100%;max-width:850px;padding:2rem 2.5rem;border:1px solid var(--line-clr, #3a3a3a);border-radius:1rem;line-height:1.6;color:var(--text-clr);background-color:transparent;box-shadow:0 4px 30px var(--blur-clr);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.legal-page h2{margin-top:2rem;font-size:1.4rem;color:var(--text-clr)}.legal-page .legal-page p,.legal-page li{font-size:1rem;margin:.4rem 0}.legal-page ul{margin-left:1.5rem;margin-top:.5rem}.legal-page a{color:var(--text-clr);text-decoration:none}.legal-page a:hover{text-decoration:underline}@media (max-width: 800px){main.legal{margin-left:0;padding:0 1em 120px}.legal-page{padding:1.5rem}.page-title h1{font-size:1.6rem}}:root{--base-clr: #003c3e;--sec-base-clr: #2cc9c1;--line-clr: #4a4242;--btn-clr: #1770c9;--hover-clr: #07333a;--shadow-clr: rgba(0, 0, 0, .6);--text-clr: #e6e6ef;--sec-text-clr: #8b8b92;--marker-clr: aqua;--accent-clr: rgba(255, 255, 255, .12);--sucess-clr: #28a745;--error-clr: #dc3545;--favorite-clr: #ff4757;--blur-clr: rgba(0, 0, 0, .1);--font-size: 16px;--font-size-title: 30px;--media-size: 800px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-size);color:var(--text-clr);width:100%;height:100%;overflow-x:hidden;background-color:#010204;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100vh;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#root{width:100%;height:auto;min-height:100dvh;display:flex}.page-title{display:flex;justify-content:center;padding:2em 0}.main{margin-left:250px}.container{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--line-clr);border-radius:1em;justify-content:center;color:var(--text-clr);width:100%;height:100%;padding:2em}h2{color:var(--text-clr);text-align:center;font-size:2em;margin-bottom:1.5em}@media (max-width: 800px){#root{height:auto;grid-template-columns:none;grid-template-rows:auto 1fr}}