.sidebar-button{cursor:pointer;border:none;border-radius:1px;outline:none;justify-content:center;align-items:center;width:217px;height:59px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.sidebar-button:focus{outline-offset:2px;outline:2px solid #735df2}.sidebar-button:disabled{opacity:.6;cursor:not-allowed}.sidebar-button--small{min-height:36px;padding:8px 12px;font-size:14px}.sidebar-button--medium{min-height:44px;padding:12px 16px;font-size:16px}.sidebar-button--large{min-height:52px;padding:16px 24px;font-size:18px}.sidebar-button--primary{color:#fff;background:linear-gradient(#735df2 0%,#392d84 100%);padding-left:25px}.sidebar-button--primary:hover:not(:disabled){background-color:#5a4acf;transform:translateY(-1px);box-shadow:0 4px 12px rgba(115,93,242,.3)}.sidebar-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(115,93,242,.3)}.sidebar-button--secondary{color:var(--heading-primary);border:1px solid var(--heading-muted);background:linear-gradient(rgba(223,223,223,.84) 0%,rgba(209,209,209,.23) 100%);padding-left:25px}.dark .sidebar-button--secondary{color:var(--heading-primary);border:1px solid var(--heading-muted);background:linear-gradient(rgba(37,37,37,.84) 0%,rgba(45,45,45,.23) 100%);padding-left:25px}.sidebar-button--secondary:hover:not(:disabled){color:#495057;background-color:#e9ecef;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.sidebar-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.1)}.sidebar-button--outline{color:#735df2;background-color:transparent;border:2px solid #735df2;padding-left:25px}.sidebar-button--outline:hover:not(:disabled){color:#fff;background-color:#735df2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(115,93,242,.3)}.sidebar-button--outline:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(115,93,242,.3)}.sidebar-button--full-width{width:100%}.sidebar-button__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-button__text{text-align:start;text-transform:uppercase;flex:1;padding-left:10px}@media (max-width:768px){.sidebar-button--small{min-height:32px;padding:6px 10px;font-size:13px}.sidebar-button--medium{min-height:40px;padding:10px 14px;font-size:15px}.sidebar-button--large{min-height:48px;padding:14px 20px;font-size:16px}}.sidebar-button-container{background-color:rgba(56,56,56,.4);border-radius:14px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}
.profile-sidebar{-webkit-backdrop-filter:blur(20px);color:#171717;z-index:1;background:rgba(255,255,255,.04);border:1px solid rgba(115,93,242,.2);border-radius:12px;flex-shrink:0;width:280px;padding:24px;transition:width .3s,padding .3s;position:relative;overflow:visible;box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 20px rgba(115,93,242,.05)}.profile-sidebar__header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:32px;display:flex;position:relative}.profile-sidebar__avatar{cursor:pointer;border:3px solid #8873ff;border-radius:50%;width:60px;height:60px;margin-right:16px;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2)}.profile-sidebar__avatar-overlay{opacity:0;color:#fff;pointer-events:none;z-index:2;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.profile-sidebar__avatar:hover .profile-sidebar__avatar-overlay{opacity:1}.profile-sidebar__avatar-overlay svg{stroke:currentColor;width:20px;height:20px}.profile-sidebar__avatar-image{object-fit:cover;width:100%;height:100%}.profile-sidebar__avatar-placeholder{color:#735df2;background:rgba(115,93,242,.2);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.profile-sidebar__menu-button{color:#171717;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.profile-sidebar__menu-button:hover{background:rgba(115,93,242,.05)}.profile-sidebar__menu-button--active{background:rgba(136,115,255,.2);border:1px solid #8873ff}.profile-sidebar__menu-button:disabled{opacity:.5;cursor:not-allowed}.profile-sidebar__menu-text{text-transform:uppercase;font-size:14px;font-weight:500}.profile-sidebar__collapse-button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.profile-sidebar__collapse-button:hover{background:rgba(115,93,242,.05)}.profile-sidebar__collapse-icon{transition:transform .3s}.profile-sidebar__collapse-icon--rotated{transform:rotate(180deg)}.profile-sidebar--collapsed{width:80px;padding:16px 12px}.profile-sidebar--collapsed .profile-sidebar__header{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.profile-sidebar--collapsed .profile-sidebar__info{display:none}.profile-sidebar--collapsed .profile-sidebar__avatar{width:40px;height:40px;margin-right:0}.profile-sidebar--collapsed .profile-sidebar__collapse-button{position:absolute;top:12px;right:8px}.profile-sidebar--collapsed .profile-sidebar__menu-button{justify-content:center;padding:12px 8px}.profile-sidebar--collapsed .profile-sidebar__menu-text{display:none}.profile-sidebar__menu-item-wrapper{width:100%}.profile-sidebar__menu-arrow{margin-left:auto;transition:transform .3s}.profile-sidebar__menu-arrow--expanded{transform:rotate(180deg)}.profile-sidebar__submenu{margin:4px 0 8px 32px;padding:0;list-style:none}.profile-sidebar__submenu-item{margin-bottom:4px}.profile-sidebar__submenu-button{color:rgba(0,0,0,.6);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 16px 8px 12px;font-size:13px;transition:all .2s;display:flex}.profile-sidebar__submenu-button:hover{color:#735df2;background:rgba(115,93,242,.05)}.profile-sidebar__submenu-button--active{color:#8873ff;background:rgba(136,115,255,.15);border:1px solid rgba(136,115,255,.3)}.profile-sidebar__submenu-text{font-size:13px;font-weight:500}.dark .profile-sidebar{color:#fff;background:rgba(18,18,18,.75);border:1px solid rgba(115,93,242,.15);box-shadow:0 12px 40px rgba(0,0,0,.3),0 0 20px rgba(115,93,242,.1)}.dark .profile-sidebar__avatar-placeholder{color:#fff;background:rgba(255,255,255,.2)}.dark .profile-sidebar__menu-button{color:#fff}.dark .profile-sidebar__menu-button:hover,.dark .profile-sidebar__collapse-button:hover{background:rgba(255,255,255,.1)}.dark .profile-sidebar__submenu-button{color:rgba(255,255,255,.8)}.dark .profile-sidebar__submenu-button:hover{color:#fff;background:rgba(255,255,255,.08)}.profile-sidebar__mobile-toggle{display:none}@media (max-width:992px){.profile-sidebar{padding:16px;width:100%!important}.profile-sidebar--collapsed{width:100%!important}.profile-sidebar__collapse-button{display:none!important}.profile-sidebar__header{margin-bottom:20px}.profile-sidebar__mobile-toggle{-webkit-backdrop-filter:blur(20px);cursor:pointer;text-transform:uppercase;color:#171717;background:rgba(255,255,255,.04);border:1px solid rgba(115,93,242,.2);border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:12px 16px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;display:flex;box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 20px rgba(115,93,242,.05)}.dark .profile-sidebar__mobile-toggle{color:#fff;background:rgba(18,18,18,.75);border-color:rgba(115,93,242,.15);box-shadow:0 12px 40px rgba(0,0,0,.3),0 0 20px rgba(115,93,242,.1)}.profile-sidebar__mobile-toggle-arrow{transition:transform .3s}.profile-sidebar__mobile-toggle-arrow--open{transform:rotate(180deg)}.profile-sidebar__nav{display:none}.profile-sidebar__nav.profile-sidebar__nav--open{display:block!important}}
.profile-layout-container{--card-bg-white:#e4e4e4;--transparent-card-bg-white:#e4e4e4;align-items:flex-start;gap:24px;width:100%;display:flex}.profile-layout-content{flex:1;min-width:0;max-width:calc(100% - 304px);padding:20px 0}.profile-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.profile-grid-item{flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}}@media (max-width:992px){.profile-layout-container{flex-direction:column;align-items:stretch;gap:24px}.profile-layout-content{width:100%;padding:16px;max-width:100%!important}}