@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4a4f7444-module__UHjWDq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4a4f7444-module__UHjWDq__variable{--font-inter:"Inter","Inter Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f4f4;width:100%;height:100%;min-height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body>.wrapper{min-height:100vh;display:grid}ul{list-style:none}a{color:inherit;text-decoration:none}.dFlex{display:flex}.flexCol{flex-direction:column;display:flex}.flexRow{flex-direction:row;display:flex}@media (max-width:480px){.sm-hidden{display:none}}@media (min-width:481px) and (max-width:768px){.md-hidden{display:none}}@media (min-width:769px) and (max-width:1280px){.md-hidden{display:none}}@media (min-width:1281px){body>.wrapper{grid-template-columns:76px 1fr}body>.wrapper>.content{grid-column:2}.md-hidden{display:none}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#5021ff;--secondary:#e74c3c;--light:#f4f7f6;--disabled:#cecece;--white:#fff;--btn-primary:var(--primary);--btn-secondary:var(--secondary);--btn-text-light:#fff;--btn-text-dark:#333;--text-white:#fff}
.sidebar{background-color:#e4e4e4;transition:all .3s;position:fixed;inset:0 auto 0 0}.sidebar .navLink{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 0;transition:all .2s ease-in-out;display:flex}.sidebar .navLink:hover .icon{background-color:var(--white)}.sidebar .navLink .icon{border-radius:16px;padding:4px 12px;transition:background-color .2s ease-in-out}.sidebar .navLink.active .icon{background-color:var(--primary)}.sidebar .navLink .icon .default{fill:none;stroke:#000}.sidebar .navLink.active .icon .default{fill:var(--white);stroke:#0000}.sidebar .navLink .icon .alt{fill:#000;stroke:#0000}.sidebar .navLink.active .icon .alt{fill:var(--white);stroke:var(--white)}.sidebar .navLink .title{font-size:.75rem;font-weight:500}.sidebar .navLink.active .title{color:var(--primary)}@media (max-width:480px){.sidebar{inset:auto 0 0}.sidebar .btn.menu{display:none}.sidebar .navWrapper{margin-left:16px;margin-right:16px}.sidebar .navList{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.sidebar .navList::-webkit-scrollbar{display:none}.sidebar .navList .listItem{flex:0 0 20%}}@media (min-width:768px) and (max-width:768px){.sidebar{z-index:200;width:250px;left:-100%}}@media (min-width:1281px){.sidebar{width:76px}}
.header{background-color:var(--white);border-bottom:1px solid #e0e0e0;justify-content:flex-end;align-items:center;height:72px;padding-left:16px;padding-right:16px;display:flex}.header .btnList{align-items:center;gap:10px;display:flex}
.btn{cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;outline:#0000;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn.menu{background-color:#e0e0e0;border-bottom:1px solid #e0e0e0;width:100%;height:72px}.btn.avatar{width:40px;height:40px;color:var(--text-white);background-color:var(--primary);border-radius:50%;font-size:1.25rem}.btn.notifications,.btn.apps{background-color:#f9f9f9;border:1px solid #f1f1f1;border-radius:50%;width:40px;height:40px}.btn.alt{border:1px solid #dedede;border-radius:20px;height:40px;padding:9px 23px;font-size:.85rem}.btn.logout{color:#fff;background-color:red;border-radius:12px;width:100%;height:40px;margin-top:20px;font-weight:600}
.icon{justify-content:center;align-items:center;display:inline-flex}
.DropdownMenuContent,.modal>.apps{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;flex-direction:column;padding:20px;display:flex}.DropdownMenuContent>.title{color:#888;margin-bottom:20px;font-size:.8rem}.DropdownMenuContent .appsList,.modal>.apps>.appsList{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.DropdownMenuContent .appsList .listItem .app,.modal>.apps>.appsList .listItem .app{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.DropdownMenuContent .appsList .listItem .app:hover .icon svg{fill:var(--primary)}.DropdownMenuContent .appsList .listItem .app:hover .title{color:var(--primary)}.DropdownMenuContent .appsList .listItem .app .icon,.modal>.apps>.appsList .listItem .app .icon{background-color:var(--light);border-radius:8px;width:40px;height:40px}.DropdownMenuContent .appsList .listItem .app .icon svg,.modal>.apps>.appsList .listItem .app .icon svg{fill:#777}.DropdownMenuContent .appsList .listItem .app .title,.modal>.apps>.appsList .listItem .app .title{text-align:center;font-size:.75rem}.DropdownMenuContent .userInfo{flex-direction:column;justify-content:center;margin-top:20px;display:flex}.DropdownMenuContent .userInfo .avatar{color:#fff;background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;font-size:2rem;display:flex}.DropdownMenuContent .userInfo .greeting{text-align:center;letter-spacing:normal;padding:10px;font-size:1.375rem;font-weight:400;line-height:1.75rem}.DropdownMenuContent .ul{flex-direction:column;display:flex}.DropdownMenuContent .listItem .link{background-color:#f1f1f1;border-radius:12px;padding:10px 20px;font-size:.9rem;display:flex}.DropdownMenuContent .listItem .link .icon{margin-right:10px}
.overlay{cursor:pointer;background-color:#53535fcc;display:flex;position:fixed;inset:0}.overlay>.modal{z-index:1000;display:contents;position:relative}.overlay>.modal>.apps>.title{color:#888;margin-bottom:20px;font-size:.8rem}.overlay>.modal>.user,.overlay>.modal>.apps{background-color:var(--white);border:2px solid #f1f1f1;border-radius:20px;margin:80px auto auto;padding:20px}.user .userInfo{flex-direction:column;justify-content:center;margin-top:20px;display:flex}.user .userInfo .avatar{color:#fff;background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-left:auto;margin-right:auto;font-size:2rem;display:flex}.user .userInfo .greeting{text-align:center;letter-spacing:normal;padding:10px;font-size:1.375rem;font-weight:400;line-height:1.75rem}