aside .sidebar-section{cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 2.5rem .5rem 2rem;transition:background-color .1s;display:flex}aside .sidebar-section h3{line-height:1rem}.sidebar-section svg{width:1.75rem;height:1.75rem}aside .sidebar-section.chosen{background-color:var(--theme-soft);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--theme), transparent 60%)}aside .sidebar-section.chosen h3{color:var(--theme-strong)}aside .sidebar-section:not(.chosen):hover{background-color:color-mix(in srgb, var(--2e), transparent 98%)}aside .sidebar-section-groups{flex-direction:column;align-items:start;gap:1.56rem;display:flex}aside .sidebar-section-group{flex-direction:column;display:flex}aside .sidebar-profile{align-items:center;gap:.625rem;width:100%;display:flex;position:relative}aside .sidebar-profile:after{content:"";background-color:color-mix(in srgb, var(--black), transparent 90%);width:100%;height:1px;position:absolute;top:-1.25rem;left:0}
.profile-pic{background-color:var(--theme-soft);border-radius:1.9rem;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;display:flex}.profile-pic h4{color:var(--theme)}
.sidebar-content{flex-direction:row;grid-template-columns:auto 1fr;align-items:start;display:grid}main.content>*{align-self:center;width:100%}main.content>h1{display:flex}@keyframes loading-opacity{0%{opacity:0}}.loading-screen{-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);z-index:1;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}main.content>.loading-screen{width:100%;max-width:unset;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background-color:#00000030;animation:.3s loading-opacity}.kpi-container{text-align:start;flex-direction:row;justify-content:space-evenly;align-items:center;height:5.6rem;display:flex;position:relative}.line{background-color:color-mix(in srgb, var(--2e), transparent 90%);width:1px;height:100%;min-height:1px}.tutorial-container{align-items:start;gap:2.5rem;padding:2.5rem}.tutorial-container h2{text-align:start;width:100%;position:relative}.tutorial-container h2:before{content:"";background-color:color-mix(in srgb, var(--2e), transparent 90%);width:100%;height:1px;position:absolute;bottom:-1.25rem;left:0}.steps-wrap{flex-direction:column;gap:1.25rem;width:100%;display:flex}.step-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.step-container:before{content:"";background:color-mix(in srgb, var(--2e), transparent 95%);width:100%;height:1px;position:absolute;bottom:-.625rem;left:0}.go-btn{flex-direction:row;align-items:center;gap:1.25rem;display:flex}.step-container .checkbox{aspect-ratio:1;border:1px solid var(--6e);border-radius:1rem;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.step-container.done .checkbox{background-color:var(--theme);border-color:var(--theme-soft)}.step-container.done h4.label{text-decoration-line:line-through}.go-btn h4{color:var(--theme)}
.activity-indicator{gap:.5rem;display:flex;position:absolute}@keyframes scale-loop{50%{transform:scale(1.5)}}.activity-indicator .meatball{background-color:#fff;border-radius:50%;width:.4rem;height:.4rem;animation:1.5s ease-out infinite scale-loop}
div.notif-container{background-color:color-mix(in srgb, var(--6e), transparent 30%);pointer-events:fill;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.75rem;justify-content:center;align-items:center;gap:.8rem;min-width:5rem;padding:.5rem 1.4rem;display:flex;position:relative}div.notif-container h4{color:#fff;font-weight:600}.notif-container img{width:1.6rem;height:1.6rem}.notif-container.error{background-color:color-mix(in srgb, var(--theme), transparent 30%)}