@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");:root{--theme-50: #f1f5fd;--theme-100: #e0e9f9;--theme-200: #c7d9f6;--theme-300: #a1c0ef;--theme-400: #749fe6;--theme-500: #547edd;--theme-600: #4466d2;--theme-700: #3650bf;--theme-800: #31429c;--theme-900: #2c3b7c;--theme-950: #1f264c;--main-50: #f3f4fa;--main-100: #e9ebf6;--main-200: #d7daee;--main-300: #bfc2e2;--main-400: #a5a5d4;--main-500: #928ec6;--main-600: #7f76b5;--main-700: #6d649e;--main-800: #595281;--main-900: #4b4768;--main-950: #1e1c29;--card-50: #f4f6fa;--card-100: #e5e9f4;--card-200: #d1d9ec;--card-300: #b2c1de;--card-400: #8ca1ce;--card-500: #7184c0;--card-600: #5e6db2;--card-700: #535da2;--card-800: #484e85;--card-900: #3d436b;--card-950: #212336}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:Arial, sans-serif;font-size:1rem;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}a{text-decoration:none;color:inherit}a:focus{outline:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;border:none;outline:none}button{background:transparent;cursor:pointer}ul[role="list"],ol[role="list"]{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;width:100%}caption{text-align:left;font-weight:bold;font-size:1.2em}body{font-family:"Roboto", serif;background-color:#1e1c29;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100vw;overflow:hidden}*::-webkit-scrollbar{height:3px;width:3px;opacity:0.5}*::-webkit-scrollbar-track{border-radius:18px;background-color:#dfe9eb;opacity:0.5}*::-webkit-scrollbar-track:hover{background-color:#b8c0c2;opacity:0.5}*::-webkit-scrollbar-track:active{background-color:#b8c0c2;opacity:0.5}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#4466d2;opacity:0.5}*::-webkit-scrollbar-thumb:hover{background-color:#4466d2;opacity:0.5}*::-webkit-scrollbar-thumb:active{background-color:#4466d2;opacity:0.5}@media screen and (max-width:600px){aside{position:fixed;height:100%}aside.compact{opacity:0.8;width:40px !important;height:40px}aside.compact ul,aside.compact section{display:none}aside.compact #toggleButton::after{background-image:url("/public/assets/icon/bars-from-left.svg");transform:rotate(0)}aside.compact:hover{opacity:1}main{padding-top:40px !important}}body{height:100vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;grid-template-areas:"aside main" "footer footer"}main{grid-area:main;width:100%;padding:20px;overflow:auto}footer{grid-area:footer;text-align:center}.pff-flex-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.pff-flex-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}.pff-flex-center{display:flex;flex-direction:row;justify-content:center;align-items:center}.pff-flex-start{display:flex;flex-direction:row;justify-content:start;align-items:stretch}.pff-flex-end{display:flex;flex-direction:row;justify-content:end;align-items:stretch}.pff-flex-around{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch}.pff-btn{margin:10px 0;padding:3px 7px;border-radius:5px;border:none;cursor:pointer}.pff-btn[btn-type="positive"]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background-color:#4caf50;color:white}.pff-btn[btn-type="negative"]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background-color:#f44336;color:white}.pff-btn[btn-type="theme"]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background-color:#4466d2;color:white}aside.compact{padding:0 !important;width:45px}aside.compact #toggleButton{justify-content:center;transform:rotate(180deg)}aside.compact a img{margin-left:5px}aside.compact a span,aside.compact .category{display:none}aside.compact ul li{justify-content:center}aside.compact ul li img{margin:3px 0}aside.compact ul li span{display:none}aside.compact ul li.category{height:10px}aside.compact section{justify-content:center;flex-direction:column}aside.compact section article{display:none}aside.compact section .profile img{width:25px;height:25px;padding:0;margin-left:10px}aside.compact section .logout{width:25px;height:25px;padding:0;margin-top:5px}#message-notification{position:fixed;left:0;top:0;width:300px;height:auto;z-index:500}.notification{z-index:501;background-color:#1e1c29;width:295px;color:#fff;padding:5px;border-radius:5px;margin-top:5px;margin-left:5px;position:relative;transition:1000ms;display:flex;flex-direction:row;align-items:center;justify-content:space-between;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;animation-duration:0.5s;animation-fill-mode:forwards;animation-delay:0s;box-shadow:0px 4px 6px rgba(0, 0, 0, 0.2);cursor:pointer}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0) scaleX(1);transform:translate3d(25px, 0, 0) scaleX(1)}75%{-webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{-webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);transform:translate3d(5px, 0, 0) scaleX(0.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0) scaleX(1);transform:translate3d(25px, 0, 0) scaleX(1)}75%{-webkit-transform:translate3d(-10px, 0, 0) scaleX(0.98);transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{-webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);transform:translate3d(5px, 0, 0) scaleX(0.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.notification article{padding-right:40px;padding-left:5px}.notification article p:nth-child(1){font-weight:bold}.notification article p:nth-child(2){font-size:14px;opacity:0.8}.notification .close{width:30px;height:30px;text-align:center;font-size:20px}.notification .close:hover{color:#4466d2}.notification .progress-bar{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ccc}.notification .progress-bar-inner{width:0%;height:100%;background-color:#4466d2;animation-name:progressbar;animation-duration:5s;animation-delay:0.5s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-play-state:running}@keyframes progressbar{0%{width:0%}100%{width:100%}}.notification:hover .progress-bar-inner{animation-play-state:paused}main{flex:1;justify-content:center;align-items:center;display:flex;flex-direction:column}main p:nth-child(1){font-size:clamp(8em, 10vw, 15em);font-weight:800}main p:nth-child(2){font-size:clamp(16px, 22px, 100vw)}main a{padding:5px 10px;border-radius:5px;border:none;background-color:#4466d2;color:#fff;font-size:1em;cursor:pointer;margin-top:20px}