*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,sans-serif}html{font-size:14px}body{background-color:#0a192f;color:#eaeaea;transition:all .3s ease}main{min-height:70dvh}.container{max-width:90%;margin:auto}input,textarea{padding:.5rem .75rem;background:none;border:1px solid #7c7c7c;color:#eaeaea;border-radius:.25rem;resize:none;font-size:.9rem}.footer{padding:1rem 0;border-top:1px solid #7c7c7c;text-align:center;color:#eaeaea;font-size:14px}.header{padding:.75rem 0;border-bottom:1px solid #7c7c7c;position:fixed;top:0;width:100%;background-color:#0a192f;transition:all .3s ease}.header__right{display:flex;align-items:center;gap:1rem;font-weight:600}.header__brand{font-size:1.5rem}.header__brand span{color:#005bfc}.header__brand a{text-decoration:none;color:#eaeaea}.header__container{display:flex;align-items:center;justify-content:space-between}.header__logout{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;background-color:#0e2444}.note{margin-top:100px}.note-input__title{margin-top:1rem;margin-bottom:.5rem;font-size:3rem;font-weight:700;border-radius:.25rem;padding:0 .25rem;border:1px solid #b4b4b4}.note-input__body{color:#eaeaeabf;text-align:justify;margin-top:.5rem;line-height:1.5}.note__status{display:inline-flex;font-size:12px!important;border:1px solid #005bfc;color:#005bfc!important;padding:.25rem .5rem;border-radius:.25rem;margin-top:.5rem}.note__container h2{margin-bottom:1rem}.note-detail{margin-top:100px;margin-bottom:50px}.note-detail ol,.note-detail ul{margin-left:2rem}.note-detail__body{margin-top:.5rem;font-size:1rem;line-height:1.5}.note-detail__container h1{margin-top:1rem;font-size:3rem}.note-detail__container p{margin-top:1rem;text-align:justify;line-height:1.5;color:#eaeaeabf}.note-detail__container span{font-size:14px;color:#7c7c7c}.note__navigation{display:flex;justify-content:space-between;flex-direction:column}.note__navigation nav{background-color:#0e2444;padding:.5rem;border-radius:.5rem}.note__navigation nav ul{align-items:stretch;display:grid;grid-template-columns:repeat(2,1fr)}.note__navigation nav ul li a{display:flex;text-align:center;height:100%;align-items:center;justify-content:center}.note__navigation ul li{list-style:none}.note__navigation ul li a{text-decoration:none;color:#eaeaea;font-weight:600;padding:.5rem 1rem;border-radius:.25rem;transition:all .3s ease}.note__navigation ul li a.active{background-color:#005bfc}.note-list{margin-bottom:5rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.note-item{border:1px solid #7c7c7c;border-top:5px solid #7c7c7c;border-radius:.25rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;text-decoration:none}.note-item:hover{border:1px solid #eaeaea;background-color:#0e2444}.note-item__title{width:100%;color:#eaeaea}.note-item__body{padding:1rem}.note-item__date{margin:.25rem 0;font-size:12px;color:#7c7c7c}.note-item__content{color:#eaeaeabf;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.note-item__action{margin-top:auto;display:grid;grid-template-columns:repeat(2,1fr)}.note-item__action>*{background:none;color:#eaeaea;outline:none;border:1px solid #7c7c7c;padding:.5rem 0;cursor:pointer;font-weight:600;transition:all .3s ease}.note-item__action>*:nth-child(1){color:#cf3636;border-radius:0 0 0 5px}.note-item__action>*:nth-child(1):hover{background-color:#cf3636;color:#eaeaea}.note-item__action>*:nth-child(2){color:#fde13f;border-radius:0 0 5px}.note-item__action>*:nth-child(2):hover{background-color:#fde13f;color:#0a192f}.floating-button{z-index:999;position:fixed;bottom:1rem;right:1rem;display:flex;gap:1rem}.floating-button button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#005bfc;border:none;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.floating-button button:hover{background-color:#003696}.floating-button button svg{width:2rem;height:2rem;color:#fff}.btn-primary{background-color:#005bfc;width:100%;display:block;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;color:#eaeaea;outline:none;border:none;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#0049c9}.btn-delete{background-color:#cf3636!important}.input-group{display:flex;flex-direction:column;font-weight:600;font-size:14px;gap:.25rem;margin-bottom:1rem}.message-empty{grid-column:span 4;text-align:center;color:#7c7c7c}.characters-left{font-weight:400;margin-left:auto;font-size:12px}.swal2-popup,.swal2-success-circular-line-right,.swal2-success-circular-line-left,.swal2-success-fix{background:#0e2444!important;color:#eaeaea!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:#005bfc}.btn-unarchive{background:#df9f16!important}.btn-language{background:none;outline:none;border:none;cursor:pointer}.btn-language img{width:1.5rem;height:1.5rem}.btn-link{background:none;outline:none;border:none;font-size:14px;font-weight:600;display:flex;align-items:center;gap:.25rem;color:#eaeaea;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-link:hover{color:#005bfc}.btn-link svg{width:1rem;height:1rem}.btn-logout{background:none;outline:none;border:none;font-size:14px;font-weight:600;display:flex;align-items:center;color:#eaeaea;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-logout:hover{color:#005bfc}.btn-logout svg{width:1.25rem;height:1.25rem}.btn-theme{background:none;outline:none;border:none;cursor:pointer}.btn-theme svg{width:1.5rem;height:1.5rem;color:#eaeaea}.btn-save{background:#005bfc!important;outline:none;border:none;cursor:pointer}.btn-save svg{width:1.5rem;height:1.5rem;color:#eaeaea}.btn-edit{background-color:#16b0df!important}.searchbar{display:flex;align-items:center;width:auto;margin:1rem 0 2rem;width:100%;border:1px solid #7c7c7c;border-radius:.25rem;padding:0 .5rem;padding-right:0}.searchbar input[type=search]{border:none;width:100%!important}.searchbar input[type=search]:focus{outline:none}.searchbar svg{width:1rem;height:1rem}.pages-info{letter-spacing:.25rem;font-weight:600;color:#005bfc!important}.jodit-status-bar{background-color:#0a192f;color:#eaeaea}.jodit-status-bar-link{color:#eaeaea!important}.jodit-icon{fill:#eaeaea}.jodit-toolbar__box:not(:empty):not(:empty){background-color:#0a192f;color:#eaeaea!important}.jodit-wysiwyg{background-color:#0a192f}.jodit-wysiwyg ol,.jodit-wysiwyg li{color:#eaeaeabf}.jodit-wysiwyg p{margin-top:0}.jodit-popup__content{background-color:#0a192f;color:#eaeaea}.jodit-popup__content .jodit-ui-button__text{color:#eaeaea;font-weight:600}.notfound__container{min-height:50dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.notfound__container h1{font-size:3rem}.notfound__container p{margin-top:.25rem;color:#eaeaeabf;margin-bottom:1rem}.notfound__container a{display:inline-block;width:auto;text-decoration:none}.loader{width:64px;padding:8px;aspect-ratio:1;border-radius:50%;background:#005bfc;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}.loader__container{display:flex;align-items:center;justify-content:center;width:100%;min-height:20dvh}.login,.register{width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center}.login__container,.register__container{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;padding:2rem;border-radius:1rem;background-color:#0e2444;width:90%}.login__container p,.register__container p{font-size:.9rem}.login__container p a,.register__container p a{text-decoration:none;color:#005bfc;font-weight:600}.login__container p a:hover,.register__container p a:hover{text-decoration:underline}.login-form,.register-form{width:100%;display:flex;flex-direction:column;gap:.5rem}.login-form input,.login-form input:valid,.register-form input,.register-form input:valid{background:#0e2444!important}@keyframes l3{to{transform:rotate(1turn)}}@media screen and (min-width: 425px){.login__container,.register__container{width:70%}.login-form,.register-form{width:90%}.header__brand{font-size:2rem}.note-list{grid-template-columns:repeat(2,1fr)}.note__status{margin-left:.5rem;margin-top:0}}@media screen and (min-width: 500px){.login__container,.register__container{width:50%}.login-form,.register-form{width:80%}.note__navigation{flex-direction:row;align-items:center;font-size:14px}.note__navigation h2{margin-bottom:0}}@media screen and (min-width: 768px){html{font-size:16px}.note-list{grid-template-columns:repeat(3,1fr)}.note-detail__container{max-width:50%}}@media screen and (min-width: 1024px){.login__container,.register__container{width:30%}.login-form,.register-form{width:90%}.note-list{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1367px){.note-detail__container{max-width:35%}}body.light{color:#0a192f;background-color:#fafafa}body.light .header{background-color:#fafafa;border-bottom:1px solid #b4b4b4}body.light .header__brand a{color:#0a192f}body.light .header__logout,body.light .login__container,body.light .register__container{background-color:#ededed}body.light .login-form input,body.light .register-form input{background-color:#fafafa!important;color:#0a192f}body.light .btn-logout{color:#0a192f}body.light .btn-logout:hover{color:#005bfc}body.light .searchbar{border:1px solid #b4b4b4}body.light .searchbar input{color:#0a192f}body.light .note-input__body{color:#0a192fbf}body.light .note__navigation nav{background-color:#ededed}body.light .note__navigation nav ul li a{color:#0a192f}body.light .note__navigation nav ul li a.active{color:#fafafa}body.light .note-detail p{color:#0a192fbf}body.light .note-detail ol,body.light .note-detail ul,body.light .note-detail li{color:#0a192fbf!important}body.light .note-item{border:1px solid #b4b4b4;border-top:5px solid #7c7c7c}body.light .note-item__title{color:#0a192f}body.light .note-item__content{color:#0a192fbf}body.light .note-item:hover{background-color:#ededed;border:1px solid #7c7c7c}body.light .footer{border-top:1px solid #b4b4b4}body.light .footer p{color:#0a192f}body.light .btn-link{color:#0a192f;transition:all .3s ease}body.light .btn-link:hover{color:#005bfc}body.light .btn-theme svg{color:#0a192f}body.light .swal2-popup,body.light .swal2-success-circular-line-right,body.light .swal2-success-circular-line-left,body.light .swal2-success-fix{background:white!important;color:#0a192f!important}body.light .jodit-status-bar{background-color:#fafafa;color:#0a192f}body.light .jodit-status-bar-link{color:#0a192f!important}body.light .jodit-icon{fill:#0a192f}body.light .jodit-toolbar__box:not(:empty):not(:empty){background-color:#fafafa;color:#0a192f!important}body.light .jodit-wysiwyg{background-color:#fafafa}body.light .jodit-wysiwyg ol,body.light .jodit-wysiwyg li{color:#eaeaeabf}body.light .jodit-wysiwyg p{margin-top:0}body.light .jodit-popup__content{background-color:#fafafa;color:#0a192f}body.light .jodit-ui-button__text{color:#0a192f;font-weight:600}