:root{--sidebar-width:250px;--sidebar-collapsed-width:60px;--header-height:70px;--footer-height:60px;--mobile-nav-height:60px;--sidebar-footer-height:60px}.tenant-layout{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);display:flex;position:relative}.tenant-sidebar{width:var(--sidebar-width);background-color:var(--card-bg);z-index:100;border-right:1px solid var(--border-color);flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}.tenant-sidebar.closed{width:var(--sidebar-collapsed-width);scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.main-content.sidebar-closed .tenant-header{left:60px!important}.company-logo{align-items:center;gap:15px;display:flex}.tenant-image{object-fit:cover;border-radius:50%}.company-info{color:var(--light-contrast);flex:1;overflow:hidden}.company-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;overflow:hidden}.user-profile{align-items:center;gap:15px;display:flex}.user-image{object-fit:cover;border-radius:50%;width:40px;height:40px}.tenant-layout .user-info{white-space:nowrap;overflow:hidden}.tenant-layout .user-info a{color:var(--tertiary-shade)}.tenant-layout .user-info a:hover{color:var(--tertiary-tint)}.tenant-layout .user-name{text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.user-role{color:var(--medium-color);margin:0;font-size:12px}.tenant-sidebar.open .sidebar-nav{flex:1;margin:4.2rem 0 3rem;padding:0 0 20px}.tenant-sidebar.closed .sidebar-nav{margin:4.4rem auto 3rem}.sidebar-nav ul{list-style:none}.nav-item{cursor:pointer;color:var(--text-color);align-items:center;padding:12px 20px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--secondary-tint)}.menu-item.active{background:linear-gradient(135deg,var(--primary-shade)0%,var(--primary-tint)100%)}.menu-item.active .submenu-item a{color:var(--tertiary-contrast)}.nav-item.active{background:var(--primary-color);color:var(--tertiary-contrast)!important}.nav-icon{margin-right:15px;font-size:18px}.nav-text{white-space:nowrap}.tenant-sidebar.closed .nav-text,.tenant-sidebar.closed .user-info{display:none}.sidebar-footer{border-top:1px solid var(--border-color);padding:15px}.logout-button{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:10px;display:flex}.logout-button:hover{background-color:#ff00001a}.logout-icon{margin-right:10px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s;display:flex;overflow-x:auto}.main-content.sidebar-closed{margin-left:var(--sidebar-collapsed-width)}.sidebar-header{height:100px;box-shadow:var(--box-shadow);background:var(--card-bg);color:var(--tertiary-contrast);width:var(--sidebar-width);height:var(--header-height);box-shadow:var(--box-shadow);z-index:1;padding:10px;transition:all .3s ease-in-out;position:fixed}.sidebar-logout{background:var(--card-bg);color:var(--tertiary-contrast);width:var(--sidebar-width);height:var(--sidebar-footer-height);box-shadow:var(--box-shadow);justify-content:center;transition:all .3s ease-in-out;display:flex;bottom:0}.tenant-sidebar.closed .sidebar-logout{width:var(--sidebar-collapsed-width)!important}.sidebar-logout .logout-btn{margin:.5rem auto}.tenant-sidebar.closed .sidebar-header{width:var(--sidebar-collapsed-width);height:var(--header-height)}.tenant-sidebar.mobile.open{transform:translate(0);z-index:999!important}.tenant-sidebar.open.mobile .sidebar-logout,.tenant-sidebar.open.mobile .sidebar-header{width:280px}.tenant-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:60px;margin:0;padding:15px 20px;display:flex;position:fixed;top:0;left:250px;right:0}.menu-button{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:20px}.menu-list{margin:0;padding:0;list-style:none}.menu-item{cursor:pointer;padding:12px 10px;transition:background .2s;position:relative}.menu-item a{color:var(--text-color)}.menu-item.active .submenu-item.active a{color:var(--primary-contrast)}.menu-item:hover{background:var(--primary-shade);color:var(--primary-contrast)}.menu-item:hover .submenu-item.active .menu-text{color:var(--primary-contrast)}.menu-category{color:var(--text-color);justify-content:space-between;align-items:center;display:flex}.menu-icon{margin-right:5px;font-size:18px}.menu-text{flex:1}.menu-arrow{transition:transform .2s}.submenu{margin:0;padding-left:20px;list-style:none;overflow:hidden}.submenu-item{padding:10px 0}.submenu-item .menu-icon{font-size:16px}.submenu-item a{color:var(--text-color)}.menu-item:hover .submenu-item a{color:var(--card-bg)}.header-left{align-items:center;gap:10px;display:flex}.tenant-title{color:var(--text-color);margin:0;font-size:18px}.tenant-header .header-right{align-items:center;gap:10px;display:flex}.search-container{position:relative}.search-icon{color:var(--medium-color);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:20px;outline:none;padding:8px 15px 8px 35px}.notification-button{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:18px;position:relative}.notification-badge{background-color:var(--danger-color);color:var(--danger-contrast);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-5px;right:-5px}.theme-toggle{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:18px;display:none}@media (max-width:1023px){.sidebar-open,.sidebar-closed{margin-left:0!important}.main-content.sidebar-closed .tenant-header{left:0!important}.main-content{margin-left:0}.tenant-sidebar{transform:translate(-100%)}.tenant-sidebar.open{transform:translate(0)}}@media (max-width:768px){.main-content.sidebar-open .tenant-header{left:0!important;right:0!important}.tenant-title{font-size:16px}.tenant-sidebar.closed{width:0;overflow:hidden}.main-content.sidebar-closed{margin-left:0}}@media (max-width:576px){.tenant-header{padding:15px 5px}.tenant-header .header-right{gap:4px}.tenant-title{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;display:block;overflow:hidden}}.mobile-bottom-nav{height:var(--mobile-nav-height);background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav .nav-item{flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;font-size:12px;text-decoration:none;display:flex}.mobile-bottom-nav .nav-icon{margin:0 0 3px;font-size:18px}.mobile-bottom-nav .add-button{position:relative}.mobile-bottom-nav .add-button .nav-icon{background-color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:0;display:flex;transform:translateY(-15px);box-shadow:0 2px 5px #0003}.mobile-bottom-nav .add-button span{display:none}.profile-link{color:var(--tertiary-shade);flex-direction:column}.mode-indicator.dark{align-items:center;gap:.3rem;display:flex}.user-dropdown{position:relative}.user-dropdown-trigger{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.user-dropdown-trigger:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.user-avatar{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.user-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.user-name{color:var(--text-color);font-size:.875rem;font-weight:600}.user-role{font-size:.75rem}.dropdown-chevron{color:var(--text-color);transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.user-dropdown-menu{background-color:var(--card-bg);border:1px solid var(--border-color);z-index:1000;border-radius:.75rem;width:280px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001a}.dropdown-header{border-bottom:1px solid var(--border-color);background-color:var(--hover-bg);padding:1rem}.dropdown-user-info{align-items:center;gap:.75rem;display:flex}.dropdown-user-avatar{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.dropdown-user-name{color:var(--text-color);font-size:.875rem;font-weight:600}.dropdown-user-email{color:var(--text-muted);font-size:.75rem}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.25rem 0}.dropdown-item{width:100%;color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-icon{color:var(--text-muted);font-size:1rem}.logout-item{color:#ef4444}.logout-item:hover{background-color:#ef44441a}@media (max-width:768px){.user-info{display:none}.user-dropdown-trigger{border:none;padding:0}.user-dropdown-menu{width:250px;right:20px}}@media (max-width:480px){.sidebar-logout{display:none!important}}.logout-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.logout-modal-content{background-color:var(--card-bg);width:90%;max-width:400px;color:var(--text-color);border-radius:8px;padding:20px}.logout-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.logout-modal-icon{color:var(--danger-color);opacity:.11;font-size:4.5rem;display:none;position:absolute}.logout-modal-content h3{font-size:1.2rem}.logout-modal-content p{margin:.5rem 0;font-size:.95rem}.logout-modal-actions{gap:12px;margin-top:20px;display:flex}.logout-modal-cancel,.logout-modal-confirm{cursor:pointer;color:#fff;border:none;border-radius:6px;flex:1;justify-content:center;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.logout-modal-cancel{background:var(--primary-color)}.logout-modal-confirm{background:var(--danger-color)}.logout-modal-confirm:hover{background:#ef4444}.mode-indicator.light{align-items:center;gap:.5rem;display:flex}.tooltip-wrapper.expanded{background:var(--primary-color)}