@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v18/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJDxzGOF.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v18/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJnxzGOF.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v18/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJLxzGOF.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v18/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v18/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--header-height: 3.5rem;--first-color: #0ba27f;--title-color: hsl(228, 18%, 16%);--text-color: hsl(228, 8%, 56%);--body-color: hsl(228, 100%, 99%);--shadow-color: hsla(228, 80%, 4%, .1);--body-font: "Nunito Sans", system-ui;--normal-font-size: .938rem;--smaller-font-size: .75rem;--tiny-font-size: .75rem;--font-regular: 400;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width: 1150px){:root{--normal-font-size: 1rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);transition:background-color .4s}a{text-decoration:none}img{display:block;max-width:100%;height:auto}button{all:unset}body.dark-theme{--first-color: #0ba27f;--title-color: hsl(228, 18%, 96%);--text-color: hsl(228, 12%, 61%);--body-color: hsl(228, 24%, 16%);--shadow-color: hsla(228, 80%, 4%, .3)}.dark-theme .sidebar__content::-webkit-scrollbar{background-color:#404559}.dark-theme .sidebar__content::-webkit-scrollbar-thumb{background-color:#565c76}.container{margin-inline:1.5rem}.main{padding-top:5rem}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);margin:.75rem}.header__container{width:100%;height:var(--header-height);background-color:var(--body-color);box-shadow:0 2px 24px var(--shadow-color);display:flex;justify-content:space-between;align-items:center;padding-inline:1.5rem;border-radius:1rem;transition:background-color .4s}.header__logo{display:inline-flex;align-items:center;column-gap:.25rem}.header__logo i{font-size:1.5rem;color:var(--first-color)}.header__logo span{color:var(--title-color);font-weight:var(--font-semi-bold)}.header__toggle{font-size:1.5rem;color:var(--title-color);cursor:pointer}.sidebar{position:fixed;left:-120%;top:0;bottom:0;z-index:var(--z-fixed);width:288px;background-color:var(--body-color);box-shadow:2px 0 24px var(--shadow-color);padding-block:1.5rem;margin:.75rem;border-radius:1rem;transition:left .4s,background-color .4s,width .4s}.sidebar__container,.sidebar__content{display:flex;flex-direction:column;row-gap:3rem}.sidebar__container{height:100%;overflow:hidden}.sidebar__user{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;column-gap:1rem;padding-left:2rem}.sidebar__img{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto}.sidebar__img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar__info h3{font-size:.9rem;color:var(--title-color);transition:color .4s;text-align:left;word-wrap:break-word;white-space:normal;margin-bottom:.2rem;max-width:200px;overflow-wrap:break-word}.user-role{font-size:.75rem;color:var(--text-color);display:block;text-align:left;margin-top:.1rem}.sidebar__info span{font-size:.75rem;color:var(--text-color);display:block;text-align:left;margin-bottom:.2rem;word-break:break-word}.sidebar__content{overflow:hidden auto}.sidebar__content::-webkit-scrollbar{width:.4rem;background-color:#d6d7dc}.sidebar__content::-webkit-scrollbar-thumb{background-color:#babcc4}.sidebar__title{width:max-content;font-size:var(--tiny-font-size);font-weight:var(--font-semi-bold);padding-left:2rem;margin-bottom:1.5rem}.sidebar__list,.sidebar__actions{display:grid;row-gap:1.5rem}.sidebar__link{position:relative;display:grid;grid-template-columns:repeat(2,max-content);align-items:center;column-gap:1rem;color:var(--text-color);padding-left:2rem;transition:color .4s,opacity .4s}.sidebar__link i{font-size:1.25rem}.sidebar__link span{font-weight:var(--font-semi-bold)}.sidebar__link:hover{color:var(--first-color)}.sidebar__actions{margin-top:auto}.sidebar__actions button{cursor:pointer}.sidebar__theme{width:100%;font-size:1.25rem}.sidebar__theme span{font-size:var(--normal-font-size);font-family:var(--body-font)}.show-sidebar{left:0}.active-link{color:var(--first-color)}.active-link:after{content:"";position:absolute;left:0;width:3px;height:20px;background-color:var(--first-color)}.header.sidebar-collapsed{padding-left:110px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.dashboard-container{animation:fadeIn .5s ease-out}.sidebar__link{transition:color .3s ease,transform .3s ease}.sidebar__link:hover{color:#0ba27f;transform:translate(5px)}button{transition:background-color .3s ease,transform .2s ease}button:hover{transform:translateY(-3px)}.gradient-left,.gradient-right{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(90px);z-index:0}.gradient-left{background:linear-gradient(to bottom right,#0ba27f,#0c9);left:-100px;top:-50px}.gradient-right{background:linear-gradient(to bottom left,#0ba27f,#0c9);right:-100px;bottom:-50px}@media screen and (max-width: 360px){.header__container{padding-inline:1rem}.sidebar{width:max-content}.sidebar__info,.sidebar__link span{display:none}.sidebar__user,.sidebar__list,.sidebar__actions{justify-content:center}.sidebar__user,.sidebar__link{grid-template-columns:max-content}.sidebar__user{padding:0}.sidebar__link{padding-inline:2rem}.sidebar__title{padding-inline:.5rem;margin-inline:auto}}@media screen and (min-width: 1150px){.header{margin:1rem;padding-left:340px;transition:padding .4s}.header__container{height:calc(var(--header-height) + 2rem);padding-inline:2rem}.header__logo{order:1}.sidebar{left:0;width:316px;margin:1rem}.sidebar__info,.sidebar__link span{transition:opacity .4s}.sidebar__user,.sidebar__title{transition:padding .4s}.show-sidebar{width:90px}.show-sidebar .sidebar__user{padding-left:1.25rem}.show-sidebar .sidebar__title{padding-left:0;margin-inline:auto}.show-sidebar .sidebar__info,.show-sidebar .sidebar__link span{opacity:0;display:none}.main{padding-left:340px;padding-top:8rem;transition:padding .4s}.left-pd{padding-left:114px}}