*{box-sizing:border-box;padding:0}*,body{margin:0}body{min-height:100vh;overflow-x:hidden}.wrapper{position:relative;width:100%}:root{--black1:#222;--black2:#999;--blue:#0069af;--dark-blue:#00162c;--white:#fff;--grey:#f5f5f5}.main{background:var(#fff);left:300px;min-height:100vh;position:absolute;transition:.5s;width:calc(100% - 300px)}.main.active{left:80px;width:calc(100% - 80px)}.cardBox{grid-gap:30px;display:grid;grid-template-columns:repeat(4,1fr);padding:20px;position:relative;width:100%}.cardBox .card{background:var(--white);border-radius:20px;box-shadow:0 7px 25px #00000014;cursor:pointer;display:flex;justify-content:space-between;padding:30px;position:relative}.cardBox .card .numbers{color:var(--blue);font-size:2.5rem;font-weight:500;position:relative}.cardBox .card .cardName{color:var(--black2);font-size:1.1rem;margin-top:5px}.cardBox .card .iconBox{color:var(--black2);font-size:3.5rem}.cardBox .card:hover{background:var(--blue)}.cardBox .card:hover .cardName,.cardBox .card:hover .iconBox,.cardBox .card:hover .numbers{color:var(--white)}.chartBox{grid-gap:30px;display:grid;grid-template-columns:1fr 2fr}.chartBox,.chartBox .chart{padding:20px;position:relative;width:100%}.chartBox .chart{background:var(--white);border:1px solid var(--black2);border-radius:20px;box-shadow:0 7px 25px #00000014}.details{grid-gap:30px;grid-template-columns:2fr 1fr;width:100%}.details,.details .recentOrders{display:grid;padding:20px;position:relative}.details .recentOrders{background:var(--white);border-radius:20px;box-shadow:0 7px 25px #00000014;min-height:500px}.cardHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0}.cardHeader h2{color:var(--blue);font-weight:600}.details .btn{background:var(--blue);border-radius:6px;color:var(--white);padding:5px 10px;position:relative;text-decoration:none}.details table{border-collapse:collapse;margin-top:10px;width:100%}.details table thead td{font-weight:600}.details .recentOrders table tr{border-bottom:1px solid #0000001a;color:var(--black1)}.details .recentOrders table tr:last-child{border-bottom:none}.details .recentOrders table tbody tr:hover{background:var(--blue);color:var(--white)}.recentCustomers table tr td{padding:12px 10px}.details .recentOrders table tr td{padding:10px}.details .recentOrders table tr td:last-child,.details .recentOrders table tr td:nth-child(2){text-align:end}.details .recentOrders table tr td:nth-child(3){text-align:center}.status.delivered{background:#8de02c}.status.delivered,.status.pending{border-radius:4px;color:var(--white);font-size:14px;font-weight:500;padding:2px 4px}.status.pending{background:#e9b10a}.status.return{background:red}.status.inProgress,.status.return{border-radius:4px;color:var(--white);font-size:14px;font-weight:500;padding:2px 4px}.status.inProgress{background:#1775ce}.recentCustomers{background:var(--white);border-radius:20px;box-shadow:0 7px 25px #00000014;display:grid;min-height:500px;padding:20px;position:relative}.recentCustomers .imageBox{border-radius:50px;height:40px;overflow:hidden;position:relative;width:40px}.recentCustomers .imageBox img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.recentCustomers table tr td h4{font-size:16px;font-weight:500;line-height:1.2rem}.recentCustomers table tr td span{color:var(--black2);font-size:14px}.recentCustomers table tr:hover td span{color:var(--white)}@media (max-width:991px){.chartBox{grid-template-columns:1fr;height:auto}.navigation{left:-300px}.navigation.active{left:0;width:300px}.main{left:0;width:100%}.main.active{left:300px}.cardBox{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.details{grid-template-columns:1fr}.recentOrders{overflow-x:auto}.status.inProgress{white-space:nowrap}}@media (max-width:480px){.cardBox{grid-template-columns:repeat(1,1fr)}.cardHeader h2{font-size:20px}.user{min-width:40px}.navigation{left:-100%;width:100%;z-index:1000}.navigation.active{left:0;width:100%}.toggle{z-index:10001}.main.active .toggle{color:var(--white);left:auto;position:fixed;right:0}}
/*# sourceMappingURL=main.bdc4fbbc.css.map*/