:root{--color-light-50: #f8fafc;--color-dark-50: #797984;--color-dark-100: #312d37;--color-dark-900: #000;--color-purple-50: #2c2cfa;--color-purple-100: #0abffc;--color-purple-200: #5acefc;--color-purple-60: #3e3ee7;--color-purple-80: #2f5fff;--color-purple-110: #3d9ae6;--color-purple-210: #67b7d6;--color-gradient: linear-gradient(90deg, var(--color-purple-50), var(--color-purple-100), var(--color-purple-200));--color-gradient: linear-gradient(90deg, var(--color-purple-60), var(--color-purple-110), var(--color-purple-210))}body{background-color:#9eb2d9;background-image:url(/assets/quantum-gradient-rYNTz69W.png);background-attachment:fixed;background-size:cover;background-color:#000}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}#sidebar{overflow:auto;position:fixed;display:flex;flex-direction:column;width:245px;height:100vh;background-color:#313a46;background-color:#fff;color:#fff;padding:1rem;justify-content:space-between;outline:1px solid blue}.sub-title h4{display:inline-block;padding:10px 60px;font-size:24px;font-weight:700;justify-content:center;align-items:center;color:#fff;background-color:#f07e2a;border-radius:10px;box-shadow:5px 5px #3b3b3b;text-align:center}.menu-btn.ativo{background-color:#0049b6;color:#fff;font-weight:700}.menu-btn.ativo:hover{background-color:#003b94;color:#fff;font-weight:700}@media only screen and (max-width: 730px){#sidebar button{border-radius:0;display:flex;align-items:center;justify-content:center}.icone{margin-right:0!important;width:24px}#sidebar{width:4.5rem;padding:0rem}.sub-title h4{margin-top:1rem}}@media screen and (max-width:460px){.sub-title .sub-title h4,.form-control{width:100%}.sub-title h4{padding:5px;width:100%}}