@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Expletus+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt: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";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}button{display:inline-block;background:transparent;border:none;cursor:pointer;transition:all .3s ease-in}button:focus{border:0;outline:0}button:-moz-focus-inner{border:0;outline:0}:root{--clr-background: var(--clr-neutral-300);--clr-background-tinted: var(--clr-neutral-400);--clr-background-highlight: var(--clr-highlight-lt-600);--clr-background-highlight-hover: var(--clr-highlight-lt-500);--clr-background-table-head: var(--clr-highlight-lt-600);--clr-background-table-even: var(--clr-highlight-lt-300);--clr-background-table-odd: var(--clr-highlight-lt-400);--clr-background-table-hover: var(--clr-highlight-lt-200);--clr-text-table-head: var(--clr-neutral-300);--clr-text-table: var(--clr-neutral-800);--clr-scrollbar-track: var(--clr-neutral-600);--clr-scrollbar-thumb: var(--clr-highlight-lt-600);--clr-scrollbar-thumb-hover: var(--clr-highlight-lt-500);--clr-text-main: var(--clr-neutral-800);--clr-text-main-faded: var(--clr-neutral-700);--clr-text-main-reverse: var(--clr-neutral-300);--clr-text-highlight: var(--clr-highlight-lt-600);--clr-border: var(--clr-highlight-lt-600);--clr-border-hover: var(--clr-highlight-lt-500);--clr-svg: var(--clr-highlight-lt-600)}.themeDark{--clr-background: var(--clr-neutral-800);--clr-background-tinted: var(--clr-neutral-750);--clr-background-highlight: var(--clr-highlight-dt-600);--clr-background-highlight-hover: var(--clr-highlight-dt-500);--clr-background-table-head: var(--clr-highlight-dt-600);--clr-background-table-even: var(--clr-highlight-dt-300);--clr-background-table-odd: var(--clr-highlight-dt-500);--clr-background-table-hover: var(--clr-highlight-dt-200);--clr-text-table-head: var(--clr-neutral-800);--clr-text-table: var(--clr-neutral-800);--clr-scrollbar-track: var(--clr-neutral-600);--clr-scrollbar-thumb: var(--clr-highlight-dt-600);--clr-scrollbar-thumb-hover: var(--clr-highlight-dt-500);--clr-text-main: var(--clr-neutral-300);--clr-text-main-faded: var(--clr-neutral-400);--clr-text-main-reverse: var(--clr-neutral-800);--clr-text-highlight: var(--clr-highlight-dt-600);--clr-border: var(--clr-highlight-dt-600);--clr-border-hover: var(--clr-highlight-dt-500);--clr-svg: var(--clr-highlight-dt-600)}.mobileVisible{display:block!important}@media (min-width: 1000px){.mobileVisible{display:none!important}}.mobileVisibleFlex{display:flex!important}@media (min-width: 1000px){.mobileVisibleFlex{display:none!important}}.desktopVisible{display:none!important}@media (min-width: 1000px){.desktopVisible{display:block!important}}.desktopVisibleFlex{display:none!important}@media (min-width: 1000px){.desktopVisibleFlex{display:flex!important}}.wrapper{width:90%;margin:0 auto}@media (min-width: 2500px){.wrapper{width:2300px}}.wrapper_app{width:97%;margin:0 auto}@media (min-width: 2500px){.wrapper_app{width:2300px}}.mb-2{margin-bottom:2rem}.width-100{width:100%}:root{--clr-neutral-100: #ffffff;--clr-neutral-200: #fdfdfd;--clr-neutral-300: #f3f3f3;--clr-neutral-400: #dcdcdc;--clr-neutral-500: #c5c5c5;--clr-neutral-600: #868686;--clr-neutral-700: #494949;--clr-neutral-750: #181818;--clr-neutral-800: #0c0c0c;--clr-neutral-900: #000000;--clr-highlight-lt-200: #D5E4F3;--clr-highlight-lt-300: #A3BDD7;--clr-highlight-lt-400: #7798B8;--clr-highlight-lt-500: #2A6093;--clr-highlight-lt-600: #134371;--clr-highlight-dt-200: #f0efd2;--clr-highlight-dt-300: #f1efae;--clr-highlight-dt-500: #e6e281;--clr-highlight-dt-600: #E4DD2C;--clr-highlight-dt-700: #bbb629;--clr-highlight-dt-800: #979317;--clr-highlight-dt-900: #797510;--clr-feedback-success-500: #28c325;--clr-feedback-error-200: #FFD4D4;--clr-feedback-error-300: #d77070;--clr-feedback-error-500: #c42525;--clr-feedback-error-700: #991414}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;color:var(--clr-text-main)}*{font-size:1rem;font-family:Prompt,sans-serif}#root{scroll-behavior:smooth}.content{background-color:var(--clr-background);min-height:100vh}.content ::-webkit-scrollbar{width:20px}.content ::-webkit-scrollbar-track{cursor:pointer;box-shadow:inset 0 0 13px 13px var(--clr-scrollbar-track);border:solid 7px transparent}.content ::-webkit-scrollbar-thumb{cursor:pointer;box-shadow:inset 0 0 13px 13px var(--clr-scrollbar-thumb);border:solid 7px transparent}.content ::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 13px 13px var(--clr-scrollbar-thumb-hover)}.content ::-webkit-resizer,.content ::-webkit-scrollbar-corner{display:none}.content>.wrapper{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}h1{font-family:Expletus Sans,sans-serif;font-size:2rem;margin-bottom:1.25rem;text-align:center}@media (min-width: 1000px){h1{font-size:2.5rem}}h2,h3,h4,h5,h6{font-size:1.4rem;font-weight:400}h2{font-weight:500}h5,h6{margin:0}h5{margin-bottom:.3rem}h6{margin-top:.5rem}p,li{line-height:1.5}li{list-style:none}ul{margin:0;padding:0}a{text-decoration:none;display:block}header{height:4rem;width:100%;border-bottom-style:solid;border-bottom-width:.125rem;margin-bottom:2rem;position:relative;border-bottom-color:var(--clr-border)}@media (min-width: 1000px){header{border-bottom:none}}header .headerTop{position:relative;height:100%}header .headerTop p{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--clr-text-highlight)}header .headerTop .headerHamburger{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100%;position:absolute;right:0;top:0}header .headerTop .headerHamburger .line{fill:none;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);stroke:var(--clr-svg)}header .headerTop .headerHamburger .line1{stroke-dasharray:60 207;stroke-width:6}header .headerTop .headerHamburger .line2{stroke-dasharray:60 60;stroke-width:6}header .headerTop .headerHamburger .line3{stroke-dasharray:60 207;stroke-width:6}header .headerTop .headerHamburger.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}header .headerTop .headerHamburger.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}header .headerTop .headerHamburger.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}header .headerNav{display:none;position:absolute}header .headerNav.open{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--clr-background);top:6rem;z-index:100;-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,.3);box-shadow:0 4px 5px #0000004d;width:100%}@media (min-width: 1000px){header .headerNav{display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:initial}}header .headerNav nav{width:100%;margin-bottom:2rem}@media (min-width: 1000px){header .headerNav nav{margin-bottom:0}}@media (min-width: 1000px){header .headerNav nav ul{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:1.5rem}}header .headerNav nav ul li a{text-align:center;padding:1rem 0;position:relative}@media (min-width: 1000px){header .headerNav nav ul li a{color:var(--clr-text-highlight)}}header .headerNav nav ul li a:hover,header .headerNav nav ul li a:focus-visible{font-weight:700}header .headerNav nav ul li a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:.125rem;background-color:var(--clr-border)}@media (min-width: 1000px){header .headerNav nav ul li a:after{width:0;height:0}}header .headerNav .username{font-size:2rem}header .headerNav .actions{width:100%}@media (min-width: 1000px){header .headerNav .actions{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;position:relative}}header .headerNav .actions .buttons{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem}header .headerNav .actions .buttons a img{width:2rem;height:2rem}header .headerNav .actions .buttons button{width:auto}header .headerNav .actions .headerSettingsContainer{display:none;margin:0 auto;margin-bottom:2rem;border-width:.125rem;border-style:solid;border-radius:.313rem;padding:1rem;width:90%;z-index:100;border-color:var(--clr-border);background-color:var(--clr-background)}@media (min-width: 1000px){header .headerNav .actions .headerSettingsContainer{position:absolute;top:4rem;right:0;width:auto}}header .headerNav .actions .headerSettingsContainer.open{display:block}header .headerNav .actions .headerSettingsContainer .options>p,header .headerNav .actions .headerSettingsContainer .dropdownActions>p{text-align:center;margin-bottom:.5rem;position:relative;font-weight:700}header .headerNav .actions .headerSettingsContainer .options>p:after,header .headerNav .actions .headerSettingsContainer .dropdownActions>p:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background-color:var(--clr-border)}header .headerNav .actions .headerSettingsContainer .options .theme,header .headerNav .actions .headerSettingsContainer .dropdownActions .theme{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem}header .headerNav .actions .headerSettingsContainer .options{margin-bottom:1rem}header .headerNav .actions .headerSettingsContainer .dropdownActions a{margin-bottom:1rem}header .headerNav .actions .headerSettingsContainer .dropdownActions .btn{padding:0}form{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:1.5rem}form .inputSection{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%;gap:.25rem}form .inputSection label{text-transform:capitalize;color:var(--clr-text-highlight)}form .inputSection input,form .inputSection textarea{background:none;height:3.125rem;width:100%;border-width:.125rem;border-style:solid;border-radius:.313rem;padding:.625rem;border-color:var(--clr-border)}form .inputSection textarea{height:40vh;resize:vertical}form .inputSection .InputFieldError{font-size:.85rem;color:var(--clr-feedback-error-500)}form .btn{margin-bottom:2rem}select{background:none;height:3.125rem;width:100%;border-width:.125rem;border-style:solid;border-radius:.313rem;padding:.625rem;border-color:var(--clr-border)}.errorSection{background-color:var(--clr-feedback-error-200);border-radius:.313rem;width:100%;padding:.5rem 5%;margin-bottom:2rem}.errorSection p{color:var(--clr-feedback-error-500);font-weight:700}.cards{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width: 1000px){.cards{grid-template-columns:repeat(3,1fr)}}.cards .card{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.313rem;width:100%;height:4rem;background-color:var(--clr-background-highlight)}.cards .card:hover,.cards .card:focus-visible{background-color:var(--clr-background-highlight-hover)}.cards .card p{color:var(--clr-text-main-reverse)}.btn{width:100%;background:none;border-radius:.313rem;padding:1rem 0;text-align:center;transition:all .25s;color:var(--clr-border)}.btnMain{text-transform:uppercase;border-width:.125rem;border-style:solid;color:var(--clr-text-main-reverse);border-color:var(--clr-border);background-color:var(--clr-background-highlight)}.btnMain:hover,.btnMain:focus-visible{border-color:var(--clr-border-hover);background-color:var(--clr-background-highlight-hover)}.btnIcon img{width:2rem;height:2rem}.btnDelete{text-transform:uppercase;border-width:.125rem;border-style:solid;border-color:var(--clr-feedback-error-500);color:var(--clr-feedback-error-500)}.btnDelete:hover,.btnDelete:focus-visible{background-color:var(--clr-feedback-error-500);color:var(--clr-neutral-300)}.pageTitle{text-transform:uppercase;font-weight:400;width:100%}.pageTitle span{font-family:Expletus Sans,sans-serif;font-size:2rem;color:var(--clr-text-highlight)}@media (min-width: 1000px){.pageTitle span{font-size:2.5rem}}.tableContainer{overflow-x:auto;overflow-y:hidden;width:100%;border-radius:.313rem;margin-bottom:2rem}.tableContainer table{min-width:60rem;width:100%;border-collapse:collapse;-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,.3);box-shadow:0 4px 5px #0000004d}.tableContainer table tr{height:2.5rem}.tableContainer table thead tr{border-bottom-style:solid;border-bottom-width:.125rem;border-bottom-color:var(--clr-border);background-color:var(--clr-background-table-head)}.tableContainer table thead tr th{font-weight:700;transition:all .25s;color:var(--clr-text-table-head)}.tableContainer table tbody tr{cursor:pointer;transition:all .25s}.tableContainer table tbody tr:nth-child(2n){background-color:var(--clr-background-table-even)}.tableContainer table tbody tr:nth-child(odd){background-color:var(--clr-background-table-odd)}.tableContainer table tbody tr:hover,.tableContainer table tbody tr:focus-visible{background-color:var(--clr-background-table-hover)}.tableContainer table tbody tr td,.tableContainer table tbody tr td>*{text-align:center;color:var(--clr-text-table)}.themeCheckbox{height:0;width:0;visibility:hidden}.themeLabel{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:4rem;height:1.5rem;border-radius:4rem;position:relative;transition:background-color .2s}.themeLabel .themeButton{content:"";position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:2.5rem;transition:.2s;background:#fff;box-shadow:0 0 2px #0a0a0a4a}.themeCheckbox:checked+.themeLabel .themeButton{left:calc(100% - .25rem);transform:translate(-100%)}.themeLabel:active .themeButton{width:60px}.cubes{position:absolute;z-index:0}.cubes3{top:150px;right:0}.cubes5{bottom:0;left:0}.loginFormComponent{width:100%}.loginFormComponent img{width:60%;margin:0 auto;margin-bottom:2rem}.loginFormComponent .loginFormSection{width:100%}@media (min-width: 1000px){.loginFormComponent .loginFormSection{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem;width:50%;margin:0 auto}.loginFormComponent .loginFormSection img{width:8rem;margin-bottom:0}}@media (min-width: 1000px){.loginFormComponent .errorSection{width:50%;margin:0 auto;margin-bottom:2rem}}.notesMain .notesContainer{width:100%}@media (min-width: 1000px){.notesMain .notesContainer{display:flex;justify-content:space-between;align-items:center;flex-direction:row;border-radius:.313rem;background-color:var(--clr-background-tinted)}}.notesMain .notesContainer .notesListAside{width:100%}@media (min-width: 1000px){.notesMain .notesContainer .notesListAside{width:25%;padding:1rem;border-style:solid;border-width:.125rem;border-radius:.313rem;border-color:var(--clr-border)}}.notesMain .notesContainer .notesListAside>p{height:70vh;margin-bottom:2rem}.notesMain .notesContainer .notesListAside .notesList{flex-direction:column;gap:1rem;margin-bottom:2rem;height:70vh;overflow-y:auto}.notesMain .notesContainer .notesListAside .notesList>div{flex-direction:column;gap:1rem}.notesMain .notesContainer .notesListAside .notesList a,.notesMain .notesContainer .notesListAside .notesList button{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;border-radius:.313rem;padding:1rem .5rem;height:7.5rem;border-style:solid;border-width:.125rem;width:100%;border-color:var(--clr-border)}.notesMain .notesContainer .notesListAside .notesList a p.noteTitle,.notesMain .notesContainer .notesListAside .notesList button p.noteTitle{font-weight:700;font-size:1.4rem;color:var(--clr-text-highlight)}.notesMain .notesContainer .notesListAside .notesList button:hover,.notesMain .notesContainer .notesListAside .notesList button:focus-visible,.notesMain .notesContainer .notesListAside .notesList button.active{background-color:var(--clr-background-highlight)}.notesMain .notesContainer .notesListAside .notesList button:hover p,.notesMain .notesContainer .notesListAside .notesList button:focus-visible p,.notesMain .notesContainer .notesListAside .notesList button.active p{color:var(--clr-text-main-reverse)}.notesMain .notesContainer .noteView{width:75%;padding:1rem;position:relative}.notesMain .notesContainer .noteView form textarea{height:77vh;width:100%;background:none;border:none;color:var(--clr-text-main)}.notesMain .notesContainer .noteView form textarea:focus-visible{outline:none}.notesMain .notesContainer .noteView .actions{position:absolute;top:1rem;right:1rem;width:5rem;height:5rem;border-radius:.313rem}.notesMain .notesContainer .noteView .actions button img{width:3rem;height:3rem}@media (min-width: 1000px){.appsOverview .cards{grid-template-columns:repeat(5,1fr)}}.userTable{height:70vh;overflow-y:auto}.userFieldsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%;border-width:.125rem;border-style:solid;border-radius:.313rem;padding:1rem 0;margin-bottom:2rem;border-color:var(--clr-border)}@media (min-width: 1000px){.userFieldsContainer{flex-direction:row}}.userFieldsContainer img{width:80%}@media (min-width: 1000px){.userFieldsContainer img{width:15%}}.userFieldsContainer .fields{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 750px){.userFieldsContainer .fields{width:85%;grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1000px){.userFieldsContainer .fields{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px){.userFieldsContainer .fields{grid-template-columns:repeat(6,1fr)}}.userFieldsContainer .fields p{text-align:center}@media (min-width: 1000px){.userFieldsContainer .fields p{text-align:start}}.userFieldsContainer .fields p.label{font-weight:700}.userFieldsContainer .fields p.value{color:var(--clr-text-main-faded)}.userDetailSectionBottom{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}@media (min-width: 1000px){.userDetailSectionBottom{flex-direction:row;justify-content:flex-start;gap:2rem}.userDetailSectionBottom>div{height:40vh}}.userPermissionsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%;border-width:.125rem;border-style:solid;border-radius:.313rem;padding:1rem 0;margin-bottom:2rem;border-color:var(--clr-border)}@media (min-width: 1000px){.userPermissionsContainer{width:30%;justify-content:flex-start}}.userPermissionsContainer .head{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;width:90%}.userPermissionsContainer .head a{position:absolute;left:0;top:0}.userPermissionsContainer .head a svg .editIcon{fill:var(--clr-svg)}.userPermissionsContainer .head .containerTitle{font-weight:700;color:var(--clr-text-highlight)}.userPermissionsContainer ul{width:100%}.userPermissionsContainer ul li{position:relative;width:100%;text-align:center;padding:1rem}.userPermissionsContainer ul li:after{content:"";width:75%;height:.125rem;border-radius:.313rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:var(--clr-background-highlight)}.userStatisticsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%;border-width:.125rem;border-style:solid;border-radius:.313rem;border-color:var(--clr-border);padding:1rem 0;margin-bottom:2rem}@media (min-width: 1000px){.userStatisticsContainer{width:30%;justify-content:flex-start}}.userStatisticsContainer .containerTitle{font-weight:700;color:var(--clr-text-highlight)}.userStatisticsContainer .statistics{display:grid;grid-template-columns:1fr;gap:1rem;width:90%}.userStatisticsContainer .statistics>div{padding:1rem;border-radius:.313rem;box-shadow:5px 5px 5px #0000004d inset;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3) inset;-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,.3) inset;background-color:var(--clr-background-tinted)}.permissionsForm{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:1rem}.permissionsForm .formGroup{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:.5ch}.permissionsForm .formGroup input{width:1.5rem;height:1.5rem;accent-color:var(--clr-border)}