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