.flat-sidebar-icon-bar{position:fixed;left:0;top:0;width:48px;height:100%;background-color:#ffffff;border-right:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease-in-out;z-index:55}.flat-sidebar-icon-bar.dark{background-color:var(--color-darkgray)}.flat-sidebar-icon-bar:hover{box-shadow:2px 0 10px rgba(0,0,0,.15)}.flat-sidebar{position:fixed;left:0;height:100%;top:0;width:240px;background-color:#ffffff;border-right:1px solid var(--color-border);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:transform .3s ease-in-out;z-index:50}.flat-sidebar.dark{background-color:var(--color-darkgray)}.flat-sidebar-hidden{transform:translateX(-100%)}.flat-sidebar-visible{transform:translateX(0)}.sidebar-trigger{position:fixed;left:0;top:0;width:8px;height:100%;z-index:60;background-color:transparent}[data-flat-sidebar=pinned] .page-wrapper{margin-left:240px!important;transition:margin-left .3s ease-in-out}[data-flat-sidebar=icon-bar] .page-wrapper{margin-left:48px!important;transition:margin-left .3s ease-in-out}.page-wrapper-pinned{margin-left:240px!important;transition:margin-left .3s ease-in-out}.page-wrapper-icon-bar{margin-left:48px!important;transition:margin-left .3s ease-in-out}.page-wrapper-overlay{margin-left:48px;transition:margin-left .3s ease-in-out}.flat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);min-height:72px}.pin-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s ease-in-out;color:var(--color-darklink)}.pin-button.pinned,.pin-button:hover{background-color:var(--color-lightprimary);color:var(--color-primary)}.menu-group{margin-bottom:24px}.menu-group-header{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px}.menu-group-title{font-size:.875rem;font-weight:600;color:var(--color-darklink);text-transform:uppercase;letter-spacing:.05em}.dark .menu-group-title{color:rgba(255,255,255,.9)}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 4px;border-radius:8px;transition:all .2s ease-in-out;font-size:.875rem;font-weight:500;text-decoration:none;color:var(--color-darklink);cursor:pointer;border:none;background:transparent;width:calc(100% - 8px);text-align:left}.menu-item:hover{background-color:var(--color-lightprimary);color:var(--color-primary)}.menu-item.active{background-color:var(--color-primary);color:white}.dark .menu-item{color:rgba(255,255,255,.7)}.dark .menu-item:hover{background-color:rgba(var(--color-primary-rgb),.2)}.menu-item-icon{flex-shrink:0;width:18px;height:18px}.menu-item-profile-image{width:20px;height:20px;border-radius:50%;border:1px solid var(--color-darklink);background:white;overflow:hidden;flex-shrink:0}.icon-bar-icon{position:relative;transition:all .2s ease-in-out}.icon-bar-icon:hover:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary,#3b82f6);border-radius:0 2px 2px 0;animation:expandHeight .2s ease-out}@keyframes expandHeight{0%{height:0}to{height:16px}}.icon-bar-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-primary,#3b82f6);border-radius:0 2px 2px 0;animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{transform:translateX(-100%) translateY(-50%);opacity:0}to{transform:translateX(0) translateY(-50%);opacity:1}}.dark .menu-item-profile-image{border-color:rgba(255,255,255,.4);background:var(--color-darkgray)}.menu-item-danger{color:#dc2626!important}.menu-item-danger:hover{background-color:rgba(220,38,38,.1)!important;color:#dc2626!important}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.2);z-index:40;transition:opacity .3s ease-in-out}@media (max-width:1280px){.flat-sidebar{width:256px}.page-wrapper-pinned,[data-flat-sidebar=pinned] .page-wrapper{margin-left:256px!important}}@media (max-width:768px){.flat-sidebar{width:280px;max-width:calc(100vw - 40px)}.page-wrapper-icon-bar,.page-wrapper-pinned,[data-flat-sidebar=icon-bar] .page-wrapper,[data-flat-sidebar=pinned] .page-wrapper{margin-left:0!important}.sidebar-trigger{width:16px}}