@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100;src:url(../assets/fonts/montserrat/montserrat-v26-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:100;src:url(../assets/fonts/montserrat/montserrat-v26-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:200;src:url(../assets/fonts/montserrat/montserrat-v26-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:200;src:url(../assets/fonts/montserrat/montserrat-v26-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:300;src:url(../assets/fonts/montserrat/montserrat-v26-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:300;src:url(../assets/fonts/montserrat/montserrat-v26-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(../assets/fonts/montserrat/montserrat-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:url(../assets/fonts/montserrat/montserrat-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(../assets/fonts/montserrat/montserrat-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:url(../assets/fonts/montserrat/montserrat-v26-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(../assets/fonts/montserrat/montserrat-v26-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:url(../assets/fonts/montserrat/montserrat-v26-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(../assets/fonts/montserrat/montserrat-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:url(../assets/fonts/montserrat/montserrat-v26-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:800;src:url(../assets/fonts/montserrat/montserrat-v26-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:800;src:url(../assets/fonts/montserrat/montserrat-v26-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:900;src:url(../assets/fonts/montserrat/montserrat-v26-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:900;src:url(../assets/fonts/montserrat/montserrat-v26-latin-900italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:200;src:url(../assets/fonts/nunito/nunito-v26-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:200;src:url(../assets/fonts/nunito/nunito-v26-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:300;src:url(../assets/fonts/nunito/nunito-v26-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:300;src:url(../assets/fonts/nunito/nunito-v26-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(../assets/fonts/nunito/nunito-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:400;src:url(../assets/fonts/nunito/nunito-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:500;src:url(../assets/fonts/nunito/nunito-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:500;src:url(../assets/fonts/nunito/nunito-v26-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:600;src:url(../assets/fonts/nunito/nunito-v26-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:600;src:url(../assets/fonts/nunito/nunito-v26-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:700;src:url(../assets/fonts/nunito/nunito-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:700;src:url(../assets/fonts/nunito/nunito-v26-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:800;src:url(../assets/fonts/nunito/nunito-v26-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:800;src:url(../assets/fonts/nunito/nunito-v26-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:900;src:url(../assets/fonts/nunito/nunito-v26-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:900;src:url(../assets/fonts/nunito/nunito-v26-latin-900italic.woff2) format("woff2")}:root{font-family:Montserrat,sans-serif;line-height:1.5;font-size:16px;font-weight:500;color-scheme:dark;color:#fff;background-color:#1a1b1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.glass{background:#4848482e;border-radius:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(72,72,72,.3)}.card{background:#ffffff03;border-radius:16px;border:1px solid rgba(72,72,72,.3);padding:30px}.card.bgless{background:transparent}.card.red{border-color:#f44336}.flex{display:flex;align-items:center}.flex.gap{gap:15px}a{font-weight:600;color:#fff;text-decoration:inherit}a:hover{color:#cecece}a.blue{color:#2196f3}a.blue:hover{color:#1565c0}a:has(svg){display:flex;align-items:center;gap:7px}a:has(svg) svg{--hw: 20px;height:var(--hw);width:var(--hw)}img.icon,svg.icon{height:25px;width:25px}.muted{color:#cecece}button,a.button{--padding: 35px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:500;color:#fff;text-decoration:none;background-color:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;padding:10px var(--padding);width:fit-content;transition:border-color .2s ease-in-out}button:focus,a.button:focus{outline:none;border-color:#2196f3}button:hover,a.button:hover{cursor:pointer}button.muted,a.button.muted{background:#1c1c1f;border:1px solid rgba(72,72,72,.3)}button.blue:focus,a.button.blue:focus{background-color:#30559866}button.red,a.button.red{background-color:#98303033;border-color:#f44336}button.red_hover:hover,a.button.red_hover:hover{background-color:#98303066;border-color:#f44336}button.red_hover:focus,a.button.red_hover:focus{background-color:#98303066;border-color:#f44336}button.fullwidth,a.button.fullwidth{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--padding) * 2)}button.blue,a.button.blue{background-color:#30559833;border-color:#2196f3}button.green,a.button.green{border-color:var(--success)}button:disabled,a.button:disabled{opacity:.5;cursor:not-allowed}button:has(svg),a.button:has(svg){display:flex;align-items:center;justify-content:center;gap:15px}button:has(svg) svg,a.button:has(svg) svg{height:25px;width:25px}button.iconOnly,a.button.iconOnly{padding:10px;aspect-ratio:1/1}button.clear,a.button.clear{background-color:transparent;border:none;padding:0}input,select{--padding: 10px;--border-width: 1px;width:calc(100% - var(--padding) * 2 - var(--border-width) * 2);padding:var(--padding);background:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;font-size:1rem;font-family:Montserrat,sans-serif;min-width:0}input:focus-visible,select:focus-visible{outline:none;border-color:#2196f3}input.nostyle,select.nostyle{background:transparent;border:none;border-radius:0;padding:0}input.error,select.error{border-color:#f44336}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff0d;border-radius:15px;font-size:.9rem;color:#cecece}.chip:has(svg) svg{height:15px;width:15px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal .modal-content{padding:30px;width:400px;background:#1b1c1e;border-radius:16px;border:1px solid rgba(72,72,72,.3);margin:0 20px;display:flex;flex-direction:column;gap:20px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;margin:0}h1{font-size:3.2em;line-height:1.1;color:#2196f3}#root{--padding: 20px;max-width:1280px;height:100vh;width:calc(100% - var(--padding) * 2);padding:0 var(--padding);margin:0 auto;background-color:#1a1b1e}body{margin:0;min-width:320px;min-height:100vh;display:flex;background-color:#1a1b1e}header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 0;margin-bottom:20px}header .logo{display:flex;align-items:center;gap:25px}header .logo h1{font-size:1.7rem;margin:0;color:#fff}header .logo img{height:45px}header nav{position:relative;display:flex;align-items:center;gap:20px}header nav a{color:#cecece;font-size:1.2rem}header nav a:hover{color:#cecece}header nav a.icon{display:flex;align-items:center;gap:5px}header nav a.icon svg,header nav a.icon img{--hw: 23px;height:var(--hw);width:var(--hw)}.user-status{position:relative;font-size:1.2rem;color:#fff}.user-status.bg{display:flex;align-items:center;gap:5px;background:#1c1c1f;border:1px solid rgba(72,72,72,.3);border-radius:16px;padding:10px 20px}.user-status.bg:hover{color:#fff}.user-status .main{position:relative;width:calc(100% - 40px);display:flex;align-items:center;gap:10px;background:#1c1c1f;border:1px solid rgba(72,72,72,.3);border-radius:16px;z-index:10;padding:10px 20px}.user-status .dropdown{z-index:1;--padding: 20px;position:absolute;right:-2px;top:calc(100% - 20px);width:calc(100% - var(--padding) * 2);padding:0px var(--padding);display:flex;flex-direction:column;gap:10px;background:#1c1c1f;border:1px solid rgba(72,72,72,.3);border-radius:0 0 16px 16px/0px 0px 16px 16px;border-top:none;overflow-y:hidden;height:auto;max-height:0px;transition:max-height .3s ease-in-out}.user-status .dropdown a:first-of-type{margin-top:25px}.user-status .dropdown a:last-of-type{margin-bottom:10px}.user-status:hover .dropdown{max-height:200px}.user-status:hover{cursor:pointer}.user-status a{color:#fff;text-decoration:none}.user-status a:hover{color:#fff}.user-status img,.user-status svg{--hw: 30px;height:var(--hw);width:var(--hw)}main.pagenotfound{display:flex;flex-direction:column;align-items:center;padding-top:100px}main.pagenotfound h2{font-size:1.8rem}main.pagenotfound p{font-size:1.2rem;color:#cecece}main.pagenotfound p.emoji{font-size:2rem;font-weight:800;margin-top:0;color:#fff}main.login{display:flex;flex-direction:column;align-items:center}main.login .mainbox{--padding: 30px;padding:var(--padding);width:calc(100% - var(--padding) * 2);max-width:350px}main.login h2{margin:0 0 15px;font-size:2rem}main.login p.errorbox{margin-top:0;border:#f13338 1px solid;padding:10px;background-color:#f1333829;border-radius:8px}main.login form{display:flex;flex-direction:column;gap:20px}main.login form button{width:100%}main.login .links{display:flex;align-items:center;justify-content:center;gap:12px}main.login .links .dot{--hw: 7px;height:var(--hw);width:var(--hw);border-radius:50%;background-color:#fff}main.login .homepagelink{margin-top:20px;color:#2196f3}main.links .topbar{justify-content:space-between;margin-bottom:30px}main.links .topbar h2{font-size:1.8rem;margin-bottom:3px}main.links .topbar p{margin:0}@media screen and (max-width: 768px){main.links .topbar{flex-direction:column;gap:10px}main.links .topbar .text{width:100%}main.links .topbar button{width:100%}}main.links .linkList{display:flex;flex-direction:column;gap:20px}main.links .linkList .spinner{margin:50px auto;height:30px;width:30px}main.links .linkList .error{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600}main.links .linkList .link{display:flex;align-items:center;justify-content:space-between;padding:20px 30px}main.links .linkList .link .about{display:flex;flex-direction:column;gap:3px}main.links .linkList .link .about a{font-size:1.2rem;font-weight:600;color:#fff;text-decoration:none;width:fit-content}main.links .linkList .link .about a:hover{text-decoration:underline}main.links .linkList .link .about .destination{display:flex;align-items:center;gap:3px}main.links .linkList .link .about .destination svg{margin-top:-7px}main.links .linkList .link .actions{display:flex;align-items:center;gap:10px;overflow:hidden}main.links .linkList .link .actions button{padding:10px 15px;border-radius:0;aspect-ratio:unset}main.links .linkList .link .actions button:hover{background-color:#ffffff1a}@media screen and (max-width: 768px){main.links .linkList .link{flex-direction:column;gap:15px}main.links .linkList .link .about{width:100%}main.links .linkList .link .actions{width:100%}main.links .linkList .link .actions button{flex-grow:1;aspect-ratio:unset}}main.links .modal-content h3{font-size:1.8rem;margin:0}main.links .modal-content .btns{display:flex;align-items:center;gap:15px}main.links .modal-content .btns button{flex-grow:1}.linkInput{display:flex;align-items:center;gap:15px;--padding: 10px;--border-width: 1px;width:calc(100% - var(--padding) * 2 - var(--border-width) * 2);padding:var(--padding);background:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;font-size:1rem;min-width:0}.linkInput:focus-within{outline:none;border-color:#2196f3}.linkInput select{-webkit-appearance:none;-moz-appearance:none;font-weight:500}main.files .topbar{justify-content:space-between;margin-bottom:30px}main.files .topbar h2{font-size:1.8rem;margin-bottom:3px}main.files .topbar p{margin:0}@media screen and (max-width: 768px){main.files .topbar{flex-direction:column;gap:10px}main.files .topbar .text{width:100%}main.files .topbar button{width:100%}}main.files .filesgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}main.files .filesgrid .file{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 25px}main.files .filesgrid .file .mainImg{--hw: 120px;height:var(--hw);width:var(--hw);border-radius:7px;object-fit:contain}main.files .filesgrid .file span{font-size:1.2rem;font-weight:600;text-align:center;word-break:break-word}main.files .filesgrid .file .btns{width:100%;display:flex;align-items:center;gap:7px;margin-top:auto;overflow:hidden}main.files .filesgrid .file .btns button{padding:10px 0;flex-grow:1;border-radius:0}main.files .filesgrid .file .btns button:hover{background-color:#ffffff1a}main.files .spinnerContainer{display:flex;justify-content:center;align-items:center;width:100%}main.files .spinnerContainer .spinner{margin:50px auto;height:30px;width:30px}main.files .modal-content h3{font-size:1.8rem;margin:0}main.files .modal-content .btns{display:flex;align-items:center;gap:15px}main.files .modal-content .btns button{flex-grow:1}.file-input{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;text-align:center;cursor:pointer;font-family:Montserrat,sans-serif;border-radius:8px;background:#ffffff0d;border:1px solid rgba(227,227,227,.3)}.file-input svg,.file-input img{--hw: 75px;height:var(--hw);width:var(--hw)}.file-input img{border-radius:8px;object-fit:contain}.file-input.dragging{background:#ffffff1a}.file-input.error{border-color:#f44336}.modal .modal-content .modalHeader{display:flex;align-items:center;justify-content:space-between}.modal .modal-content .modalHeader h2{margin:0;font-size:1.7rem}.modal .modal-content .modalHeader button{padding:7px}.modal .modal-content .modalHeader button svg{--hw: 25px;height:var(--hw);width:var(--hw)}.modal .modal-content .modalBody{display:flex;flex-direction:column;gap:15px}.modal .modal-content .modalBody .infoBox{display:flex;flex-direction:column}.modal .modal-content .modalBody .infoBox .property{font-weight:500;font-size:1rem;color:#cecece}.modal .modal-content .modalBody .infoBox .value{font-weight:600;font-size:1.2rem;color:#fff}.dashboard{display:flex;flex-direction:column;align-items:center}.dashboard .numberboxes{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dashboard .numberboxes .numberbox{display:flex;flex-direction:column;align-items:center;flex-grow:1;transition:all .3s ease}.dashboard .numberboxes .numberbox .number{font-size:3.5rem;font-weight:700}.dashboard .numberboxes .numberbox .label{font-size:1rem;font-weight:500;color:#cecece;margin-top:-5px}@media screen and (max-width: 800px){.dashboard .numberboxes{grid-template-columns:1fr}}
