@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);*{font-family:"Ubuntu",sans-serif;margin:0;padding:0;box-sizing:border-box}:root{--blue:#87cefa;--white:#fff;--gray:#f5f5f5;--black1:#222;--black2:#999}body{min-height:100vh;overflow-x:hidden}.side-menu{position:fixed;left:0;top:27%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;padding:10px 8px;border-radius:0 8px 8px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;color:#fff;font-size:0;cursor:pointer;transition:all .3s ease;position:relative}.menu-btn i{font-size:20px}.menu-btn:hover{transform:scale(1.1);font-size:12px;width:auto;padding:0 15px;border-radius:25px}.menu-btn:hover span{display:inline;margin-left:8px}.menu-btn span{display:none}.btn-add{background-color:#f60}.btn-completed{background-color:#06c}.btn-report{background-color:#2ecc71}.container{position:relative;width:100%}.main{position:absolute;width:100%;right:0;min-height:100vh;background:var(--white);transition:.5s}.main.active{width:100%}.user{position:relative;width:100px;height:40px;overflow:hidden;cursor:pointer;margin-right:16%}.user img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:10000}.propaganda{bottom:0!important;position:fixed!important;width:100%;padding:1%;display:flex;justify-content:center;box-shadow:0 7px 25px rgba(0,0,0,.8);background:rgba(36,142,255,.8)}.slick-slide img{width:100%;height:auto}.slick-dots{bottom:10px}.cardBox{position:relative;left:4%;width:90%;padding:5px;margin-bottom:4%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px}.cardBox .card{position:relative;background:var(--white);padding:10px;border-radius:20px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,.8)}.cardBox .card .numbers{position:relative;font-weight:400;font-size:.8rem;color:#87cefa}.cardBox .card .iconBx{font-size:1rem;color:var(--black2)}.cardBox .card:hover{background:#87cefa}.cardBox .card:hover .numbers,.cardBox .card:hover .cardName,.cardBox .card:hover .iconBx{color:var(--white)}.details{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:2fr 1fr;grid-gap:30px}.details .recentOrders{position:relative;display:grid;min-height:500px;background:var(--white);padding:20px;box-shadow:0 7px 25px rgba(0,0,0,.08);border-radius:20px}.details .cardHeader{display:flex;justify-content:space-between;align-items:flex-start}.cardHeader h2{font-weight:600;color:var(--blue)}.cardHeader .btn{position:relative;padding:5px 10px;background:var(--blue);text-decoration:none;color:var(--white);border-radius:6px}.details table{width:100%;border-collapse:collapse;margin-top:10px}.details table thead td{font-weight:600}.details .recentOrders table tr{color:var(--black1);border-bottom:1px solid rgba(0,0,0,.1)}.details .recentOrders table tr:last-child{border-bottom:none}.details .recentOrders table tbody tr:hover{background:var(--blue);color:var(--white)}.details .recentOrders table tr td{padding:10px}.details .recentOrders table tr td:last-child{text-align:end}.details .recentOrders table tr td:nth-child(2) {text-align:end}.details .recentOrders table tr td:nth-child(3) {text-align:center}.status.delivered{padding:2px 4px;background:#8de02c;color:var(--white);border-radius:4px;font-size:14px;font-weight:500}.status.pending{padding:2px 4px;background:#e9b10a;color:var(--white);border-radius:4px;font-size:14px;font-weight:500}.status.return{padding:2px 4px;background:red;color:var(--white);border-radius:4px;font-size:14px;font-weight:500}.status.inProgress{padding:2px 4px;background:#1795ce;color:var(--white);border-radius:4px;font-size:14px;font-weight:500}.recentCustomers{position:relative;display:grid;min-height:500px;padding:20px;background:var(--white);box-shadow:0 7px 25px rgba(0,0,0,.08);border-radius:20px}.recentCustomers .imgBx{position:relative;width:40px;height:40px;border-radius:50px;overflow:hidden}.recentCustomers .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recentCustomers table tr td{padding:12px 10px}.recentCustomers table tr td h4{font-size:16px;font-weight:500;line-height:1.2rem}.recentCustomers table tr td h4 span{font-size:14px;color:var(--black2)}.recentCustomers table tr:hover{background:var(--blue);color:var(--white)}.recentCustomers table tr:hover td h4 span{color:var(--white)}@media (max-width:991px){.main{width:100%}.cardBox{grid-template-columns:repeat(4,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(4,1fr)}.cardHeader h2{font-size:20px}.user{min-width:60px}}.carousel-container{left:15%;margin-right:1%;position:relative;max-width:83%;box-shadow:0 7px 25px rgba(0,0,0,.04);border-radius:20px;overflow:hidden}.carousel{display:flex;transition:transform .5s ease-in-out;width:100%}.slide{min-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.slide img{width:100%;height:auto;object-fit:cover;margin-bottom:1%}.descricao{width:100%;text-align:center;color:#000;padding:10px;background:rgba(182,182,182,.8);font-size:16px}.carousel-button{position:absolute;top:30%;transform:translateY(-50%);background-color:rgba(36,142,255,.8);color:#fff;border:none;padding:10px;cursor:pointer;font-size:18px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}