.layout{display:flex;width:100%;height:100vh;overflow:hidden}.header__breadcrumb{display:flex;align-items:center;gap:8px}.header-subtitle-image{width:16px!important;height:17px!important;object-fit:cover}.header-image-wrapper{width:43px;height:43px;border:1px solid var(--color-icon-border)!important;border-radius:10px;display:flex;gap:5px;cursor:pointer;padding:10px}.header__text__left{color:var(--color-sidebar-icon)!important;font-weight:400;font-size:15px}.header__text__right{color:var(--color-brand)!important;font-weight:700!important;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{background-color:var(--color-white);border-right:1px solid var(--color-border);height:100%;display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease;position:relative;padding:1rem .5rem;z-index:110}.sidebar--expanded{width:var(--sidebar-width)}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__toggle{position:absolute;top:10px;right:-30px;width:40px;height:40px;background:#edf5ff;border:1px solid #f5f7fa;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:12}.sidebar__top{display:flex;flex-direction:column}.sidebar__logo-link{display:flex;justify-content:center;margin-bottom:1rem}.sidebar__logo{height:32px;width:auto;object-fit:contain}.sidebar__divider{border:none;border-bottom:1px solid var(--color-black);margin:.5rem 0}.sidebar__nav{display:flex;flex-direction:column;margin-top:1rem;gap:.5rem;flex-wrap:nowrap;overflow-x:hidden;overflow-y:scroll;max-height:70dvh}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__nav-item{display:flex;align-items:center;padding:.5rem;font-size:14px;font-weight:500;color:var(--color-sidebar-icon);border-radius:8px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar__nav-item.is-active,.sidebar__nav-item:focus,.sidebar__nav-item:hover{background-color:var(--color-brand);color:var(--color-white)}.sidebar__icon{min-width:24px;display:flex;justify-content:center}.sidebar__text{margin-left:.5rem;white-space:nowrap;transition:opacity .3s ease}.sidebar--collapsed .sidebar__text{opacity:0;pointer-events:none;display:none}.sidebar__bottom{display:flex;flex-direction:column;gap:1rem}.sidebar__collapse{display:flex;justify-content:center;cursor:pointer}.sidebar__user{display:flex;align-items:center;gap:.5rem;cursor:pointer}.sidebar__user-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover}.layout__content{flex:1 1;display:flex;flex-direction:column;height:100%;overflow:auto}.layout__header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:10px 36px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.layout__title{margin:0;font-size:20px;font-weight:600;color:var(--color-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout__subtitle{margin:0;font-size:14px;font-weight:700;color:var(--color-brand)}.layout__body{padding:1rem 2rem;min-height:calc(100vh - 80px);overflow:auto}.header-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:1px solid var(--color-icon-border);transition:background-color .2s ease;color:var(--color-brand)}.header-icon-container.active{background-color:var(--color-brand);color:#fff}.header-icon-container:hover{color:var(--color-white);background-color:var(--color-brand)}.mobile-menu-btn{display:none;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer}.offcanvas-sidebar{position:fixed;top:0;left:-260px;width:225px;height:100vh;background-color:var(--color-white);border-right:1px solid var(--color-border);z-index:2000;padding:1rem .5rem;display:flex;flex-direction:column;justify-content:space-between;transition:left .3s ease}.offcanvas-sidebar.open{left:0}.offcanvas-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.offcanvas-close{background:none;border:none;font-size:20px;cursor:pointer}.offcanvas-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;z-index:1500;transition:opacity .3s ease,visibility .3s ease}.offcanvas-backdrop.show{opacity:1;visibility:visible}@media (max-width:991px){.desktop-sidebar{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#edf5ff;border:1px solid #f5f7fa}.layout__header{padding:16px}.layout__body{padding:1rem}}.notification-dropdown{position:absolute;top:42px;right:0;width:280px;background:#fff;border-radius:8px;padding:12px;z-index:3000;box-shadow:0 0 16px rgba(0,0,0,.16)}.notification-preview-list{list-style:none;padding:0;margin:0}.notification-preview-list li{padding:6px 0;border-bottom:1px solid #eee}.notification-preview-list li:last-child{border-bottom:none}.preview-img{width:32px;height:32px;border-radius:6px;object-fit:cover}.preview-title{font-size:14px;font-weight:500}.preview-time{font-size:12px;color:#6b7280}