@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--clr-primary:#29221d;--clr-primary-light:#473b33;--clr-secondary:#1e1611;--clr-white:#fff;--clr-black:#000;--clr-pumpkin:#fe6c00;--clr-silver:#a8a5a6;--clr-silver-v1:#bdbabb;--clr-scarlet:#fe1e00;--clr-scarlet-v1:#fe1e00c9;--clr-green:#00fe93;--clr-yellow:#fec80a;--clr-jet:#302924;--clr-peach:#ffc397;--font-family-bai:"Bai Jamjuree",sans-serif;--transition-default:all 300ms ease-in-out}body{font-family:Bai Jamjuree,sans-serif;font-family:var(--font-family-bai)}ul{list-style-type:none}a{color:inherit;color:#fff;color:var(--clr-white);text-decoration:none}button{background-color:initial;border:none;cursor:pointer}.img-fit-cover img{height:100%;object-fit:cover;width:100%}.text-white{color:#fff;color:var(--clr-white)}.text-silver-v1{color:#bdbabb;color:var(--clr-silver-v1)}.text-scarlet{color:#fe1e00;color:var(--clr-scarlet)}.text-green{color:#00fe93;color:var(--clr-green)}.bg-jet{background:#302924;background:var(--clr-jet)}.text-sm{font-size:14px}.app{display:flex;min-height:100vh}.lg-value{font-size:24px;font-weight:600}.grid-common{background-color:#29221d;background-color:var(--clr-primary);border-radius:12px;box-shadow:0 8px 24px #0000000d;color:#fff;color:var(--clr-white);padding:24px}.grid-c-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.grid-c-title-text{color:#a8a5a6;color:var(--clr-silver);font-weight:400}.grid-c-title-icon img{width:24px}@media screen and (max-width:1400px){.grid-common{padding:16px}body{font-size:14px!important}}.main-content{background-color:var(--clr-secondary);flex:1 1;padding:32px}@media screen and (max-width:1400px){.main-content{padding-left:20px;padding-right:20px}}@media screen and (max-width:1200px){.main-content{padding-left:16px;padding-right:16px}}.main-content-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.sidebar-toggler{align-items:center;display:flex;margin-right:12px}.sidebar-toggler img{width:20px}.content-top-title{color:var(--clr-white);font-size:20px;font-weight:600}.content-top-btn{margin-left:18px}.content-top-btn img{width:24px}.content-top-btn img:hover{filter:brightness(0) invert(1)}.content-top-left{align-items:center;display:flex}.grid-c1{display:flex;flex-direction:column}.grid-c1-content{background:linear-gradient(114.4deg,#423b3799 3.49%,#423b3700 34.7%),linear-gradient(138.58deg,#3b2b1e5e 43.56%,#fea767 112.68%);border-radius:10px;flex:1 1;padding:16px}.grid-c1-content .lg-value{color:#c7c4c6;margin-bottom:16px;margin-top:8px}.grid-c1-content .card-wrapper{display:flex}.grid-c1-content .card-pin-hidden{font-size:32px;margin-right:8px}.grid-c1-content span{color:#8a8587}.grid-c1 .card-logo-wrapper{align-items:center;display:flex;justify-content:space-between}.grid-c1 .card-logo{display:flex}.grid-c1 .logo-shape1,.grid-c1 .logo-shape2{border-radius:100%;height:36px;width:36px}.grid-c1 .logo-shape1{background-color:var(--clr-scarlet-v1);margin-right:-15px;z-index:0}.grid-c1 .logo-shape2{background-color:var(--clr-yellow)}@media screen and (max-width:786px){.grid-c1{grid-column-end:3;grid-column-start:1}}.grid-c2 .grid-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.grid-c2 .grid-item:last-child{margin-bottom:0}.grid-c2 .grid-item p{color:var(--clr-silver-v1)}.grid-c2 .grid-item-l .avatar{border-radius:100%;height:40px;overflow:hidden;width:40px}.grid-c2 .grid-item-l{align-items:center;column-gap:10px;display:flex}.grid-c2 .grid-item-l .text{font-weight:600}.grid-c2 .grid-item-l span{color:#8a8587;display:block;font-size:15px;font-weight:400;margin-top:4px}.grid-c2 .grid-item-r span{font-weight:500}.grid-c3{display:flex;flex-direction:column}.grid-c3-content{flex:1 1}.grid-chart{align-items:stretch;display:grid;grid-template-columns:repeat(6,1fr);height:100%}.chart-vert-value{justify-content:space-between}.chart-vert-value,.grid-chart-bar{display:flex;flex-direction:column}.grid-chart-bar{text-align:center}.grid-chart-bar .bar-wrapper{background-color:var(--clr-primary-light);border-radius:10px;flex:1 1;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:32px}.grid-chart-bar .grid-hortz-value{margin-top:12px}.grid-chart-bar .bar-item1{background-color:var(--clr-pumpkin)}.grid-chart-bar .bar-item1,.grid-chart-bar .bar-item2{border-radius:10px;bottom:0;left:0;position:absolute;width:100%}.grid-chart-bar .bar-item2{background-color:var(--clr-peach);height:0}.grid-chart-bar:nth-child(3) .bar-wrapper .bar-item1{z-index:1}@media screen and (max-width:992px){.grid-c3{grid-column-end:3;grid-column-start:1;height:240px}}.main-content-holder{grid-row-gap:20px;display:grid;row-gap:20px}.content-grid-one,.content-grid-two{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(3,1fr)}.subgrid-two{grid-row-gap:20px;display:grid;height:100%;row-gap:20px}@media screen and (max-width:1200px){.content-grid-one,.content-grid-two{column-gap:12px}.main-content-holder,.subgrid-two{row-gap:12px}}@media screen and (max-width:992px){.content-grid-one,.content-grid-two{grid-template-columns:repeat(2,1fr);row-gap:12px}.content-grid-two .grid-two-item:nth-child(3){grid-column-end:3;grid-column-start:1}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two{column-gap:12px;grid-template-columns:repeat(2,1fr);height:220px}.content-grid-two{row-gap:12px}}@media screen and (max-width:768px){.content-grid-one,.content-grid-two{column-gap:0;grid-template-columns:repeat(1,1fr)}.content-grid-two .grid-two-item:first-child{grid-column-end:3;grid-column-start:1}.content-grid-two.grid-two-item:nth-child(3) .subgrid-two{grid-template-columns:repeat(1,1fr);height:auto}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two .subgrid-two-item{height:220px}}.grid-c4 .grid-c-top{align-items:center;display:flex;justify-content:space-between}.grid-c4-content{border-radius:16px;margin-top:20px}.grid-c4 .grid-c4-content{padding:12px}.grid-c4 .grid-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.grid-c4 .grid-item-l{align-items:flex-start;column-gap:16px;display:flex}.grid-c4 .grid-item-l .icon{align-items:flex-start;display:flex;justify-content:center}.grid-c4 .grid-item-l .icon img{width:20px}.grid-c4 .grid-item-l .text{font-weight:600}.grid-c4 .grid-item-l .text span{display:block;font-size:15px;font-weight:300;margin-top:5px;opacity:.9}.grid-c5 .grid-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.grid-c5 .grid-item:last-child{margin-bottom:0}.grid-c5 .grid-item-l{align-items:center;column-gap:10px;display:flex}.grid-c5 .grid-item-l .icon{align-items:center;background-color:#fe1e0026;border-radius:100%;display:flex;height:32px;justify-content:center;width:32px}.grid-c5 .grid-item-l .icon img{width:16px}.grid-c5 .grid-item-l .text{color:var(--clr-silver-v1);display:flex;flex-direction:column}.grid-c5 .grid-item-l .text span{color:#8a8587;font-size:15px}.grid-c5 .grid-item-r{font-weight:600}.grid-c6 .grid-item .avatar{border-radius:100%;height:40px;overflow:hidden;width:40px}.grid-c6 .grid-item-top-l{align-items:center;column-gap:10px;display:flex}.grid-c6 .grid-item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.grid-c6 .grid-item-top-r{font-weight:600}.grid-c6 .grid-item-badges{display:flex;flex-wrap:wrap}.grid-c6 .grid-item-badge{background-color:var(--clr-jet);border-radius:16px;color:#8a8587;display:inline-block;font-size:14px;margin-bottom:5px;margin-right:6px;margin-top:5px;padding:4px 6px}.grid-c6 .grid-item-progress{background-color:var(--clr-primary-light);border-radius:100vh;height:10px;margin-top:8px}.grid-c6 .grid-item-fill{background-color:var(--clr-pumpkin);border-radius:100vh;height:10px;width:60%}.grid-c7-content{margin-bottom:-128px;margin-top:-42px}.progress-bar{align-items:center;display:flex;justify-content:center}.progress-bar .percent{position:relative}.progress-bar svg{height:210px;position:relative;transform:rotate(-90deg);width:210px}.progress-bar svg circle{fill:none;stroke:var(--clr-jet);stroke-width:20;stroke-linecap:round;height:100%;width:100%}.progress-bar svg circle:last-of-type{stroke-dasharray:600px;stroke-dashoffset:calc(625px - (600px*var(--percent))/168);stroke:var(--clr-pumpkin)}.progress-bar .number{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-bar .number h3{font-size:20px;font-weight:500}.progress-bar .number h3 span{font-size:14px}.grid-c7-content{align-items:center;display:flex;justify-self:flex-start}.grid-c7-content .progress-bar{margin-left:-46px}.grid-c7-content .data-list{margin-left:-20px}.grid-c7-content .data-item{margin-bottom:20px}.grid-c7-content .data-item-vcalue{display:block;font-weight:600;margin-top:8px}.sidebar{background-color:var(--clr-primary);padding:36px 20px;transition:var(--transition-default);width:260px}.user-info{align-items:center;column-gap:16px;display:flex;justify-content:flex-start}.info-img{border-radius:100%;box-shadow:0 5px 15px #00000059;height:48px;overflow:hidden;width:48px}.info-name{color:var(--clr-white);font-size:20px;font-weight:500;text-transform:uppercase}.navigation{height:600px;margin-top:28px;overflow-y:scroll;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background-color:var(--clr-pumpkin);border-radius:18px}&::-webkit-scrollbar-track{border-radius:18px;box-shadow:inset 0 0 6px #0000004d}}.sidebar-change{margin-left:-260px}.nav-item{margin-bottom:10px;margin-right:4px}.nav-link{align-items:center;border:1px solid #0000;border-radius:8px;column-gap:12px;display:block;display:flex;height:44px;justify-content:flex-start;letter-spacing:.03em;padding:6px 14px;transition:var(--transiton-default)}.nav-link:hover{border:1px solid var(--clr-primary-light)}.nav-link.active{background-color:var(--clr-pumpkin);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.nav-link-icon{width:22px}.nav-link-text{text-transform:capitalize}@media screen and (max-width:1400px){.sidebar{padding:24px 16px}}@media screen and (max-width:1200px){.sidebar{padding-left:12px;padding-right:12px;width:72px}.sidebar-change{margin-left:-72px}.info-name{display:none}.nav-item{margin-bottom:18px}.nav-item,.nav-link{display:flex;justify-content:center}.nav-link{align-items:center;height:32px;padding:0;width:32px}.nav-link-text{display:none}.nav-link.active,.nav-link:hover{border-radius:100%}}@media screen and (max-width:420px){.sidebar{margin-left:-72px}.sidebar-change{margin-left:0}}
/*# sourceMappingURL=main.bceaab56.css.map*/