@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap";:root{--primary-color: #3498db;--secondary-color: #2c3e50;--background-color: #ecf0f1;--text-color: #34495e;--sidebar-width: 300px;--sidebar-collapsed-width: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;background-color:var(--background-color);color:var(--text-color)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--secondary-color);color:#fff;padding:20px;transition:all .3s ease;overflow-y:auto;height:100vh;position:fixed;right:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.logo{font-size:24px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.menu{list-style-type:none;padding:0}.menu-item{margin-bottom:10px}.menu-link{display:flex;align-items:center;color:#fff;text-decoration:none;padding:10px;border-radius:5px;transition:background-color .2s;white-space:nowrap;overflow:hidden}.menu-link:hover,.menu-link.active{background-color:var(--primary-color)}.menu-link i,.menu-link svg{margin-left:10px;font-size:18px;min-width:24px}.main-content{flex-grow:1;padding:20px 20px 20px 40px;margin-right:var(--sidebar-width);transition:all .3s ease;margin-left:0;overflow-x:hidden}.main-content.expanded{margin-right:var(--sidebar-collapsed-width)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;font-weight:700}.user-menu{display:flex;align-items:center}.notification-icon,.user-avatar{margin-right:15px;cursor:pointer}.content{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.mobile-menu-toggle{display:none;font-size:24px;cursor:pointer}@media (max-width: 768px){.sidebar{right:calc(-1 * var(--sidebar-width));z-index:1000}.sidebar.active{right:0}.main-content{margin-right:0;padding:20px}.main-content.expanded{margin-right:0}.topbar{flex-direction:row;align-items:center;justify-content:space-between}.mobile-menu-toggle{display:block}.user-menu{margin-top:0}}._floatingIcon_lr0c3_1{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background-color:#1976d2;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;z-index:999}._floatingIcon_lr0c3_1:hover{background-color:#1565c0}