html{--color-1:#123524;--color-2:#2f855a;--color-3:#e6f4ea;--color-4:#f8fcf9;--color-5:#fff;--gap-s:.625rem;--gap:1.25rem}body{color:var(--color-2);background-color:var(--color-4);margin:0;font-family:sans-serif}.box{padding:var(--gap);border-radius:var(--gap);background-color:var(--color-5)}button{cursor:pointer;font-family:sans-serif;font-size:1rem}h1,h2,h3{margin:0;font-weight:600}ul{margin:0;padding:0;list-style:none}.flex{gap:var(--gap);display:flex}.flex>*{flex:1}.mb{margin-bottom:var(--gap)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-5{background-color:var(--color-5)}.container{padding:var(--gap);gap:var(--gap);grid-template-columns:240px auto;display:grid}.sidenav li{align-items:center;gap:var(--gap);display:flex}.sidenav li:hover span{background:var(--color-3)}.sidenav span{background-color:var(--color-4);border-radius:var(--gap);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.sidenav li a{color:var(--color-1);padding:var(--gap-s) 0px;flex:1;margin:.2rem 0;font-size:1.25rem;text-decoration:none}.daterange{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.resumo{font-size:1.5rem;font-weight:600}.resumo h2{margin-bottom:var(--gap);color:var(--color-1);font-size:1.5rem}.venda{gap:var(--gap);grid-template-columns:auto auto 1fr;align-items:center;display:grid}.venda div:last-child{justify-self:end}.venda a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.resumo{flex-direction:column}.daterange{grid-template-columns:1fr}.daterange :last-child{grid-row:1}}@media (width<=600px){html{--gap-s:.5rem;--gap:.75rem}.container{grid-template-columns:1fr}.flex{flex-direction:column}.sidenav ul{grid-template-columns:1fr 1fr;display:grid}.sidenav li a{font-size:1rem}.venda{grid-template-columns:1fr}.venda div:last-child{justify-self:start}}