.grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem}.col-1{grid-column:span 1}.col-1.justify-right{justify-self:right}.col-2{grid-column:span 2}.col-2.justify-right{justify-self:right}.col-3{grid-column:span 3}.col-3.justify-right{justify-self:right}.col-4{grid-column:span 4}.col-4.justify-right{justify-self:right}.col-5{grid-column:span 5}.col-5.justify-right{justify-self:right}.col-6{grid-column:span 6}.col-6.justify-right{justify-self:right}.col-7{grid-column:span 7}.col-7.justify-right{justify-self:right}.col-8{grid-column:span 8}.col-8.justify-right{justify-self:right}.col-9{grid-column:span 9}.col-9.justify-right{justify-self:right}.col-10{grid-column:span 10}.col-10.justify-right{justify-self:right}.col-11{grid-column:span 11}.col-11.justify-right{justify-self:right}.col-12{grid-column:span 12}.col-12.justify-right{justify-self:right}[class*=col-]{grid-column:span 12}@media(min-width: 576px){.col-sm-1{grid-column:span 1}.col-sm-1.justify-right{justify-self:right}.col-sm-1.align-center{align-self:center}.col-sm-2{grid-column:span 2}.col-sm-2.justify-right{justify-self:right}.col-sm-2.align-center{align-self:center}.col-sm-3{grid-column:span 3}.col-sm-3.justify-right{justify-self:right}.col-sm-3.align-center{align-self:center}.col-sm-4{grid-column:span 4}.col-sm-4.justify-right{justify-self:right}.col-sm-4.align-center{align-self:center}.col-sm-5{grid-column:span 5}.col-sm-5.justify-right{justify-self:right}.col-sm-5.align-center{align-self:center}.col-sm-6{grid-column:span 6}.col-sm-6.justify-right{justify-self:right}.col-sm-6.align-center{align-self:center}.col-sm-7{grid-column:span 7}.col-sm-7.justify-right{justify-self:right}.col-sm-7.align-center{align-self:center}.col-sm-8{grid-column:span 8}.col-sm-8.justify-right{justify-self:right}.col-sm-8.align-center{align-self:center}.col-sm-9{grid-column:span 9}.col-sm-9.justify-right{justify-self:right}.col-sm-9.align-center{align-self:center}.col-sm-10{grid-column:span 10}.col-sm-10.justify-right{justify-self:right}.col-sm-10.align-center{align-self:center}.col-sm-11{grid-column:span 11}.col-sm-11.justify-right{justify-self:right}.col-sm-11.align-center{align-self:center}.col-sm-12{grid-column:span 12}.col-sm-12.justify-right{justify-self:right}.col-sm-12.align-center{align-self:center}}@media(min-width: 768px){.col-md-1{grid-column:span 1}.col-md-1.justify-right{justify-self:right}.col-md-1.align-center{align-self:center}.col-md-2{grid-column:span 2}.col-md-2.justify-right{justify-self:right}.col-md-2.align-center{align-self:center}.col-md-3{grid-column:span 3}.col-md-3.justify-right{justify-self:right}.col-md-3.align-center{align-self:center}.col-md-4{grid-column:span 4}.col-md-4.justify-right{justify-self:right}.col-md-4.align-center{align-self:center}.col-md-5{grid-column:span 5}.col-md-5.justify-right{justify-self:right}.col-md-5.align-center{align-self:center}.col-md-6{grid-column:span 6}.col-md-6.justify-right{justify-self:right}.col-md-6.align-center{align-self:center}.col-md-7{grid-column:span 7}.col-md-7.justify-right{justify-self:right}.col-md-7.align-center{align-self:center}.col-md-8{grid-column:span 8}.col-md-8.justify-right{justify-self:right}.col-md-8.align-center{align-self:center}.col-md-9{grid-column:span 9}.col-md-9.justify-right{justify-self:right}.col-md-9.align-center{align-self:center}.col-md-10{grid-column:span 10}.col-md-10.justify-right{justify-self:right}.col-md-10.align-center{align-self:center}.col-md-11{grid-column:span 11}.col-md-11.justify-right{justify-self:right}.col-md-11.align-center{align-self:center}.col-md-12{grid-column:span 12}.col-md-12.justify-right{justify-self:right}.col-md-12.align-center{align-self:center}}@media(min-width: 992px){.col-lg-1{grid-column:span 1}.col-lg-1.justify-right{justify-self:right}.col-lg-1.align-center{align-self:center}.col-lg-2{grid-column:span 2}.col-lg-2.justify-right{justify-self:right}.col-lg-2.align-center{align-self:center}.col-lg-3{grid-column:span 3}.col-lg-3.justify-right{justify-self:right}.col-lg-3.align-center{align-self:center}.col-lg-4{grid-column:span 4}.col-lg-4.justify-right{justify-self:right}.col-lg-4.align-center{align-self:center}.col-lg-5{grid-column:span 5}.col-lg-5.justify-right{justify-self:right}.col-lg-5.align-center{align-self:center}.col-lg-6{grid-column:span 6}.col-lg-6.justify-right{justify-self:right}.col-lg-6.align-center{align-self:center}.col-lg-7{grid-column:span 7}.col-lg-7.justify-right{justify-self:right}.col-lg-7.align-center{align-self:center}.col-lg-8{grid-column:span 8}.col-lg-8.justify-right{justify-self:right}.col-lg-8.align-center{align-self:center}.col-lg-9{grid-column:span 9}.col-lg-9.justify-right{justify-self:right}.col-lg-9.align-center{align-self:center}.col-lg-10{grid-column:span 10}.col-lg-10.justify-right{justify-self:right}.col-lg-10.align-center{align-self:center}.col-lg-11{grid-column:span 11}.col-lg-11.justify-right{justify-self:right}.col-lg-11.align-center{align-self:center}.col-lg-12{grid-column:span 12}.col-lg-12.justify-right{justify-self:right}.col-lg-12.align-center{align-self:center}}@media(min-width: 1200px){.col-xl-1{grid-column:span 1}.col-xl-1.justify-right{justify-self:right}.col-xl-1.align-center{align-self:center}.col-xl-2{grid-column:span 2}.col-xl-2.justify-right{justify-self:right}.col-xl-2.align-center{align-self:center}.col-xl-3{grid-column:span 3}.col-xl-3.justify-right{justify-self:right}.col-xl-3.align-center{align-self:center}.col-xl-4{grid-column:span 4}.col-xl-4.justify-right{justify-self:right}.col-xl-4.align-center{align-self:center}.col-xl-5{grid-column:span 5}.col-xl-5.justify-right{justify-self:right}.col-xl-5.align-center{align-self:center}.col-xl-6{grid-column:span 6}.col-xl-6.justify-right{justify-self:right}.col-xl-6.align-center{align-self:center}.col-xl-7{grid-column:span 7}.col-xl-7.justify-right{justify-self:right}.col-xl-7.align-center{align-self:center}.col-xl-8{grid-column:span 8}.col-xl-8.justify-right{justify-self:right}.col-xl-8.align-center{align-self:center}.col-xl-9{grid-column:span 9}.col-xl-9.justify-right{justify-self:right}.col-xl-9.align-center{align-self:center}.col-xl-10{grid-column:span 10}.col-xl-10.justify-right{justify-self:right}.col-xl-10.align-center{align-self:center}.col-xl-11{grid-column:span 11}.col-xl-11.justify-right{justify-self:right}.col-xl-11.align-center{align-self:center}.col-xl-12{grid-column:span 12}.col-xl-12.justify-right{justify-self:right}.col-xl-12.align-center{align-self:center}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.wrap{max-width:1024px;margin:0 auto;padding:0 40px}@media screen and (max-width: 1024px){.wrap{padding:0 20px}}h1,h2,h3,h4{margin:0}form .grid .col-12{display:flex;flex-direction:column}form input,form textarea{border-radius:12px;border:1px solid rgba(0,0,0,.1);padding:10px;font-size:16px;box-shadow:0px 0px 5px 0px rgba(0,0,0,.1)}form input:not([type=submit]){height:20px}form label{margin-bottom:5px;font-weight:500}.pagination{display:flex;justify-content:center}.pagination ul{list-style:none;display:flex;padding:0}.pagination ul li{padding:0 5px}.pagination ul li a{text-decoration:none;color:#000;border:1px solid #000;padding:5px 10px;border-radius:6px;font-weight:700}.pagination ul li.current a{background-color:#000;color:#fff}section.dashboard table,section.expenses table{width:100%;text-align:left;border-collapse:collapse;margin-top:20px}section.dashboard table tr td,section.expenses table tr td{padding:10px 0}section.dashboard table tr td:not(:first-of-type),section.expenses table tr td:not(:first-of-type){text-align:center}section.dashboard table tr td:last-of-type,section.expenses table tr td:last-of-type{text-align:right}section.dashboard table tr th,section.expenses table tr th{padding-bottom:10px}section.dashboard table tr th:not(:first-of-type),section.expenses table tr th:not(:first-of-type){text-align:center}section.dashboard table tr th:last-of-type,section.expenses table tr th:last-of-type{text-align:right}section.dashboard table tbody tr,section.expenses table tbody tr{border-top:1px solid rgba(0,0,0,.1)}section.dashboard table a,section.expenses table a{text-decoration:none}section.dashboard table svg,section.expenses table svg{height:24px}@media screen and (max-width: 1024px){section.dashboard button,section.expenses button{width:100%}}section.dashboard .dashboard-items,section.expenses .dashboard-items{padding:40px 0}section.single-expense .grid{padding:40px 0}.dashboard-item{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:20px;box-shadow:0px 0px 5px 0px rgba(0,0,0,.1)}.dashboard-item .title,.dashboard-item .content{font-size:32px;font-weight:700}@media screen and (max-width: 1024px){.dashboard-item .title,.dashboard-item .content{font-size:24px}}.button{display:inline-block;padding:8px 16px;border-radius:5px;text-decoration:none;font-weight:500;border:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.button.button-primary{background-color:#000;color:#fff}.button.button-secondary{color:#000;border:1px solid #000}#create-expense{background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#create-expense h2{margin-bottom:20px}#create-expense .content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);z-index:1000;max-width:686px}