#layout-default{position:relative}#layout-default nav{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;height:60px;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;top:0}#layout-default nav .nav-user{align-items:center;display:flex;gap:10px}#layout-default nav .nav-user .user-photo{align-items:center;background-color:var(--primary-color);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}#layout-default nav .nav-user .user-photo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#layout-default nav .nav-user .user-photo a{align-items:center;display:flex;justify-content:center}#layout-default nav .nav-user .user-photo span{color:#fff;font-size:20px;line-height:0;padding-top:5px}#layout-default nav .nav-user .user-info{display:flex;flex-direction:column}#layout-default nav .nav-user .user-info strong{font-weight:600}#layout-default nav .nav-user .user-info small{color:#777;font-size:13px}#layout-default nav .nav-menu ul{display:flex;gap:10px;list-style:none;margin:0}#layout-default nav .nav-menu ul li{border-radius:8px;cursor:pointer;padding:5px}#layout-default nav .nav-menu ul li:hover{background-color:#ddd}#layout-default main{bottom:0;left:0;overflow:auto;padding:15px;position:fixed;right:0;top:60px}#layout-default .layout-menu{bottom:0;left:0;position:fixed;right:0;top:0}#layout-default .layout-menu .bg-menu{background-color:#00000080;bottom:0;cursor:pointer;left:0;position:absolute;right:300px;top:0}#layout-default .layout-menu aside{background-color:#fff;box-shadow:-5px 0 10px #0000001a;height:100%;overflow:auto;position:absolute;right:0;top:0;width:300px}#layout-default .layout-menu aside ul{list-style:none;margin:0}#layout-default .layout-menu aside ul li{border-radius:5px;font-size:13px;margin:8px 0}#layout-default .layout-menu aside ul li a{align-items:center;color:#333;display:flex;justify-content:space-between;padding:8px;position:relative;text-decoration:none}#layout-default .layout-menu aside ul li a:hover{color:#333}#layout-default .layout-menu aside ul li a span{font-size:22px;position:absolute;right:-5px;top:-4px}#layout-default .layout-menu aside>ul{list-style:none;margin:0;padding:10px}#layout-default .layout-menu aside>ul>li{border:1px solid #ddd;border-left-width:2px;cursor:pointer}#layout-default .layout-menu aside>ul>li:hover{border-left:2px solid #333}#layout-default .layout-menu aside>ul>li:hover>a{font-weight:600}#layout-default .layout-menu aside>ul>li>ul{display:none;padding-left:10px}#layout-default .layout-menu aside>ul>li>ul>li{border:1px solid #ddd;border-left-width:2px}#layout-default .layout-menu aside>ul>li>ul>li:hover{border-left:2px solid #333}#layout-default .layout-menu aside>ul>li>ul>li:hover>a{font-weight:600}#layout-default .layout-menu aside>ul>li>ul>li>ul{display:none;padding-left:10px}#layout-default .layout-menu aside>ul>li>ul>li>ul>li{border:1px solid #ddd;border-left-width:2px}#layout-default .layout-menu aside>ul>li>ul>li>ul>li:hover{border-left:2px solid #333}#layout-default .layout-menu aside>ul>li:hover>ul,#layout-default .layout-menu aside>ul>li>ul>li:hover>ul{display:block}