@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.main-content{display:grid;margin:0 auto;gap:1.8rem;grid-template-columns:auto 23rem}aside{height:100vh}aside .toggle{display:flex;align-items:center;justify-content:space-between;margin-top:1.4rem;margin-left:1rem}aside .toggle .logo{display:flex;gap:.5rem}aside .toggle .logo img{width:2rem;height:2rem}aside .toggle .close{padding-right:1rem;display:none}aside .sidebar{display:flex;flex-direction:column;background-color:var(--color-white);box-shadow:var(--box-shadow);border-radius:15px;height:88vh;position:relative;top:1.5rem;transition:all .3s ease}aside .sidebar:hover{box-shadow:none}aside .sidebar a{display:flex;align-items:center;color:var(--color-info-dark);height:3.7rem;gap:1rem;position:relative;margin-left:2rem;transition:all .3s ease}aside .sidebar a span{font-size:1.6rem;transition:all .3s ease}aside .sidebar a:last-child{position:absolute;bottom:2rem;width:100%}aside .sidebar a:first-child{margin-top:1rem}aside .sidebar a.active{width:100%;color:var(--color-primary);background-color:var(--color-light);margin-left:0}aside .sidebar a.active:before{content:"";width:6px;height:18px;background-color:var(--color-primary)}aside .sidebar a.active span{color:var(--color-primary);margin-left:calc(1rem - 3px)}aside .sidebar a:hover{color:var(--color-primary)}aside .sidebar a:hover span{margin-left:.6rem}aside .sidebar .message-count{background-color:var(--color-danger);padding:2px 6px;color:var(--color-white);font-size:11px;border-radius:var(--border-radius-1)}.open{display:block!important}main{margin-top:1.4rem}main .dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}main .dashboard>div{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;cursor:pointer;box-shadow:var(--box-shadow);transition:all .3s ease}main .dashboard>div:hover{box-shadow:none}main .dashboard>div .status{display:flex;align-items:center;justify-content:space-between}main .dashboard h3{margin-left:.6rem;font-size:1rem}main .dashboard .progress{position:relative;width:92px;height:92px;border-radius:50%}main .dashboard svg{width:7rem;height:7rem}main .dashboard svg circle{fill:none;stroke-width:10;stroke-linecap:round;transform:translate(5px,5px)}main .dashboard .sales svg circle{stroke:var(--color-success);stroke-dashoffset:-30;stroke-dasharray:200}main .dashboard .visits svg circle{stroke:var(--color-danger);stroke-dashoffset:-30;stroke-dasharray:200}main .dashboard .searches svg circle{stroke:var(--color-primary);stroke-dashoffset:-30;stroke-dasharray:200}main .dashboard .leads svg circle{stroke:var(--color-warning);stroke-dashoffset:-30;stroke-dasharray:200}main .dashboard .progress .percentage{position:absolute;top:0;left:-2px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}main .new-users{margin-top:1.3rem}main .new-users .user-list{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;box-shadow:var(--box-shadow);display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.4rem;cursor:pointer;transition:all .3s ease}main .new-users .user-list:hover{box-shadow:none}main .new-users .user-list .user{display:flex;flex-direction:column;align-items:center;justify-content:center}main .new-users .user-list .user img{width:5rem;height:5rem;margin-bottom:.4rem;border-radius:50%}main .recent-orders{margin-top:1.3rem}main .recent-orders h2{margin-bottom:.8rem}main .recent-orders table{background-color:var(--color-white);width:100%;padding:var(--card-padding);box-shadow:var(--box-shadow);text-align:center;border-radius:var(--card-border-radius);transition:all .3s ease}main .recent-orders table:hover{box-shadow:none}main table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light);color:var(--color-dark-variant)}main table tbody tr:last-child td{border:none}main .recent-orders a{text-align:center;display:block;margin:1rem auto;color:var(--color-primary)}.right-section .charts{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;cursor:pointer;box-shadow:var(--box-shadow);transition:all .3s ease;overflow:hidden}.right-section .charts:hover{box-shadow:none}.right-section .reminders{margin-top:2rem}.right-section .reminders .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.right-section .reminders .header span{padding:10px;box-shadow:var(--box-shadow);background-color:var(--color-white);border-radius:50%}.right-section .reminders .notification{background-color:var(--color-white);display:flex;align-items:center;gap:1rem;margin-bottom:.7rem;padding:1.4rem var(--card-padding);border-radius:var(--border-radius-2);box-shadow:var(--box-shadow);cursor:pointer;transition:all .3s ease}.right-section .reminders .notification:hover{box-shadow:none}.right-section .reminders .notification .content{display:flex;justify-content:space-between;align-items:center;margin:0;width:100%}.right-section .reminders .notification .icon{padding:.6rem;color:var(--color-white);background-color:var(--color-success);border-radius:20%;display:flex}.right-section .reminders .notification.deactivate .icon{background-color:var(--color-danger)}.right-section .reminders .add-reminder{background-color:var(--color-white);border:2px dashed var(--color-primary);display:flex;color:var(--color-primary);justify-content:center;align-items:center;cursor:pointer}.right-section .reminders .add-reminder:hover{background-color:var(--color-primary);color:#fff}.right-section .reminders .add-reminder div{display:flex;align-items:center;gap:.6rem}.top-navBar{display:flex;justify-content:space-between;align-items:center}.top-navBar .nav{display:flex;justify-content:end;gap:2rem}.top-navBar .nav button{display:none}.top-navBar .dark-mode{background-color:var(--color-light);display:flex;justify-content:space-between;align-items:center;height:1.6rem;width:4.2rem;cursor:pointer;border-radius:var(--border-radius-1)}.top-navBar .dark-mode span{font-size:1.2rem;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.top-navBar .dark-mode span.active{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1)}.top-navBar .nav .profile{display:flex;gap:2rem;text-align:right}.top-navBar .nav .profile .profile-photo{width:2.8rem;height:2.8rem;border-radius:50%;overflow:hidden}:root{--color-primary: #6C9BCF;--color-danger: #FF0060;--color-success: #1B9C85;--color-warning: #F7D060;--color-white: #fff;--color-info-dark: #7d8da1;--color-dark: #363949;--color-light: rgba(132, 139, 200, .18);--color-dark-variant: #677483;--color-background: #f6f6f9;--card-border-radius: 2rem;--border-radius-1: .4rem;--border-radius-2: 1.2rem;--card-padding: 1.8rem;--padding-1: 1.2rem;--box-shadow: 0 2rem 3rem var(--color-light)}*{margin:0;padding:0;outline:0;-webkit-appearance:0;-moz-appearance:0;appearance:0;border:0;text-decoration:none;box-sizing:border-box}html{font-size:14px}body{width:100vw;height:100vh;font-family:Poppins,sans-serif;font-size:.88rem;-webkit-user-select:none;user-select:none;overflow-x:scroll;color:var(--color-dark);background-color:var(--color-background);-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{width:0;height:0;display:none}.dark-mode-variables{--color-background: #181a1e;--color-white: #202528;--color-dark: #edeffd;--color-dark-variant: #a3bdcc;--color-light: rgba(0, 0, 0, .4);--box-shadow: 0 2rem 3rem var(--color-light)}a{color:var(--color-dark)}img{display:block;width:100%;object-fit:cover}h1{font-weight:800;font-size:1.8rem}h2{font-weight:600;font-size:1.4rem}h3{font-weight:500;font-size:.87rem}small{font-size:.76rem}p{color:var(--color-dark-variant)}b{color:var(--color-dark)}.text-muted{color:var(--color-info-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.container{display:grid;width:96%;margin:0 auto;gap:1.8rem;grid-template-columns:12rem auto}@media screen and (max-width: 1200px){.container{width:95%;grid-template-columns:7rem auto}aside .logo h2{display:none}aside .sidebar h3{display:none}aside .sidebar a{width:5.6rem}aside .sidebar a:last-child{position:relative;margin-top:1.8rem}main .dashboard{grid-template-columns:1fr;gap:0}main .new-users .user-list .user{flex-basis:40%}main .recent-orders{width:94%;position:absolute;left:50%;transform:translate(-50%);margin:2rem 0 0 .8rem}main .recent-orders table{width:83dvw}; main table thead tr th:last-child{display:none}main table thead tr th:first-child{display:none}main table tbody tr td:last-child,main table tbody tr td:first-child{display:none}}@media screen and (max-width:768px){.container{width:100%;grid-template-columns:1fr;padding:0 var(--padding-1)}.main-content{grid-template-columns:1fr}aside{position:fixed;background-color:var(--color-white);width:15rem;z-index:3;box-shadow:1rem 3rem 4rem var(--color-light);height:100vh;animation:showMenu .4s ease forwards;left:-100%;display:none}@keyframes showMenu{to{left:0}}aside .logo{margin-left:1rem}aside .logo h2{display:inline}aside .sidebar h3{display:inline}aside .sidebar a{width:100%;height:3.4rem}aside .sidebar a:last-child{position:absolute;bottom:5rem}aside .toggle .close{display:inline-block;cursor:pointer}main{margin-top:0;padding:.1rem}main .new-users .user-list .user{flex-basis:35%}main .recent-orders{width:100%;position:relative;margin:3rem 0 0}main .recent-orders table{width:100%;margin:0}; .right-section{width:94%;margin:0}.top-navBar{display:flex;padding:.8rem;background-color:var(--color-white);box-shadow:0 1rem 1rem var(--color-light);border-radius:0 0 10px 10px;justify-content:end}.top-navBar .nav .dark-mode{width:4.4rem;position:relative;margin-top:.5rem}.top-navBar .profile .info{display:none}.top-navBar .nav button{display:inline-block;background-color:transparent;cursor:pointer;color:var(--color-dark);position:absolute;left:2.7rem;top:3%}.top-navBar h1{display:none}.top-navBar .nav button span{font-size:2rem}}